JavaScript动态创建style标签代码下载

实际应用中，可能需要动态创建一个内联样式表，注意这里是内联样式表，不是写在元素标签中的内嵌方式。

下面就通过代码实例介绍一下如何实现此功能。

代码实例如下：

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title>
<script>  
function add_css(str_css){
  var style=document.createElement("style");
  style.type="text/css";
  style.innerHTML=str_css;
  document.getElementsByTagName("head").item(0).appendChild(style);
}
add_css("div{color:red}")
</script>  
</head>  
<body>  
<div id="thediv">51前端</div>
</body>  
</html>

代码描述：JavaScript动态创建style标签。JavaScript动态创建style标签代码下载

下载全部收藏

131 174

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册