JavaScript动态添加CSS

原创于 2011-12-19 00:28:12 发布 · 443 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #CSS #ViewUI

js、nodejs 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态地为网页添加CSS样式的方法。通过创建style元素并设置其type属性为text/css，然后根据不同浏览器（IE和其他W3C标准浏览器）采用不同的方式插入CSS代码，最后将style元素插入到head或body中。

function addCssByStyle(cssString){
	var doc=document;
	var style=doc.createElement("style");
	style.setAttribute("type", "text/css");

	if(style.styleSheet){// IE
		style.styleSheet.cssText = cssString;
	} else {// w3c
		var cssText = doc.createTextNode(cssString);
		style.appendChild(cssText);
	}

	var heads = doc.getElementsByTagName("head");
	if(heads.length)
		heads[0].appendChild(style);
	else
		doc.documentElement.appendChild(style);
}