用js向style标签高效插入css代码

Question

如何用js向style标签高效插入css代码
想要高效一点的方法
比如我想插入 #ad{display:none;}

Answer 1

document.getElementsByTagName("style")[0].innerHTML+="#ad{display:none;}"

Answer 2

可以用CSSStyleSheet对象的 insertRule方法来插入

document.querySelector('style').sheet.insertRule('#ad{display:none;}', 1)

具体文档: CSSStyleSheet/insertRule

Answer 3

可以使用className添加；

var da = document.getElementById("txt");
da.className += "empty";

Answer 4

还不如新建一个style标签呢，效果都一样

Answer 5

你这是图个啥，为什么不去直接改dom的style样式呢？

$('#ad').hide() 
$('#ad').css('display','none')