原生js动态添加style,添加样式

时间:2021-11-08 10:34:54

原生js动态添加style,添加样式

第一种

var style="[assign-url='"+str+"']{display:initial}";
var ele=document.createElement("style");
ele.innerHTML=style;
document.getElementsByTagName('head')[0].appendChild(ele)

第二种,使用中间元素div转化为dom(推荐):

var style='<style>button[assign-url="'+str+'"]{display:initial;}</style>';
var ele=document.createElement('div');
ele.innerHTML=style;
document.getElementsByTagName('head')[0].appendChild(ele.firstElementChild)