js動態加載style標簽

 

。

let styleNode = document.createElement("style");
styleNode.setAttribute("type","text/css");
styleNode.innerHTML = `
    .cus{
        color:red;
    }
`;
let headNode = document.querySelector('head');
headNode.appendChild(styleNode)

也可以分情況更改style標簽內的樣式

style.styleSheet && (style.styleSheet.cssText += content) || style.appendChild(document.createTextNode(content));

 

vue中，可以在vue實例化之前，從后端接口請求過來樣式，把style標簽添加在項目內，可以做一些自定義樣式的需求

。