【技术】通过js将css动态插入到head头部

原创于 2019-05-08 16:27:41 发布 · 3.2k 阅读

3 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

52 篇文章

订阅专栏

CSS

22 篇文章

订阅专栏

博客介绍了通过JavaScript动态将CSS放置在HTML的head标签中的方法，还提到可在浏览器控制台手动测试该功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过js动态将css放在head中：


	var style = document.createElement("style");
	style.type = "text/css";
	style.innerHTML="body { background-color:#eee; }"
	style.id="addStyle"
	document.getElementsByTagName("HEAD").item(0).appendChild(style);

可以手动在浏览器的控制台console中测试即可

在这里插入图片描述

运行结果：
在这里插入图片描述