如何用js加载css样式表

function loadCSS(url) {
    var link = document.createElement("link");
    link.rel = "stylesheet";
    link.type = "text/css";
    link.href = url;
    document.getElementsByTagName("head")[0].appendChild(link);
}

// 使用方法
loadCSS('path/to/your/stylesheet.css');

/* 在你的主样式表中 */
@import url('path/to/your/stylesheet.css');

function loadCSS(url) {
    fetch(url)
        .then(response => response.text())
        .then(css => {
            const style = document.createElement('style');
            style.type = 'text/css';
            if (style.styleSheet) {
                style.styleSheet.cssText = css;
            } else {
                style.appendChild(document.createTextNode(css));
            }
            document.head.appendChild(style);
        })
        .catch(error => console.error('Error loading CSS:', error));
}

// 使用方法
loadCSS('path/to/your/stylesheet.css');

function loadCSS(cssCode) {
    const style = document.createElement('style');
    style.type = 'text/css';
    if (style.styleSheet) {
        style.styleSheet.cssText = cssCode;
    } else {
        style.appendChild(document.createTextNode(cssCode));
    }
    document.head.appendChild(style);
}

// 使用方法
const cssCode = 'body { background-color: red; }';
loadCSS(cssCode);