js动态加载css文本

HTML中动态插入CSS样式

最新推荐文章于 2023-09-15 17:06:55 发布

原创最新推荐文章于 2023-09-15 17:06:55 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

前端开发-javascript 专栏收录该内容

34 篇文章

订阅专栏

<html>
	<head>
		<title></title>
		<script language="javascript">

function insertStyle(cssText) {
	var head = document.getElementsByTagName("head")[0];
	var style = document.createElement("style");
	var rules = document.createTextNode(cssText);
	style.type = "text/css";
	if (style.styleSheet) {
		style.styleSheet.cssText = rules.nodeValue;
	} else {
		style.appendChild(rules);
	}
	head.appendChild(style);
}
var cssText = "h1 { background: red; }";
insertStyle(cssText);


</script>
	</head>
	<body>
<h1>hello</h1>
	</body>
</html>