动态创建style标签样式

动态创建style标签样式

操作步骤:

  1. 创建style标签 var stylee=document.createElement(‘style’);
  2. 给标签添加属性 stylee.type = ‘text/css’;
  3. 给标签添加id stylee.id = ‘styleId’;
  4. 设置要添加的字符串 var sHtml = ‘.un-points .un-point-bullet{background-color:#ffffff;}’;
  5. 给标签添加HTML stylee.innerHTML = sHtml;
  6. 最后在head标签里面添加style标签 document.getElementsByTagName(‘head’).item(0).appendChild(stylee);

实例代码:

	var stylee=document.createElement('style');
	stylee.type = 'text/css';
	stylee.id = that.config.styledot;
	var sHtml = '.un-points .un-point-bullet{background-color:#ffffff;}';
	stylee.innerHTML = sHtml;
	document.getElementsByTagName('head').item(0).appendChild(stylee);

猜你喜欢

转载自blog.csdn.net/qq_26679989/article/details/105531829