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

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

---

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

---

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

---

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

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

具体文档: CSSStyleSheet/insertRule

---

可以使用className添加；

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

---

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

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