搜索

+

95

-

回答

原生js这样写：

var d = document.createElement('style');
d.setAttribute('type', 'text/css');
d.innerHTML = 'p { color: green;}';
document.getElementsByTagName('head')[0].appendChild(d);

如果是动态引入css文件

function addCssByLink(url){ 
    var doc=document; 
    var link=doc.createElement("link"); 
    link.setAttribute("rel", "stylesheet"); 
    link.setAttribute("type", "text/css"); 
    link.setAttribute("href", url); 
   
    var heads = doc.getElementsByTagName("head"); 
    if(heads.length) 
        heads[0].appendChild(link); 
    else 
        doc.documentElement.appendChild(link); 
}

如果是jquery

 $("head").append("<style>body{color:green;}</style>");

动态引入css文件

$("head").append("<link>");
var css = $("head").children(":last");
css.attr({
        rel: "stylesheet",
        type: "text/css",
        href: "/test.css"
});

网友回复

我知道答案，我要回答

我有问题

最新提问