JS动态生成<style>

最新推荐文章于 2024-11-28 23:12:54 发布

转载最新推荐文章于 2024-11-28 23:12:54 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gxsyj/p/6168425.html

本文介绍了一种在网页中动态添加CSS样式的JavaScript实现方法。通过创建style元素并设置其innerHTML属性来实现背景色、链接颜色等样式的动态更改。此方法适用于IE和其他浏览器。

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

var nod = document.createElement(“style”),   
str = “body{background:#000;color:#fff} a{color:#fff;text-decoration:none;} a:hover{color:red;text-decoration:underline}”;  
nod.type=”text/css”;  
if(nod.styleSheet){         //ie下  
nod.styleSheet.cssText = str;  
} else {  
nod.innerHTML = str;       //或者写成 nod.appendChild(document.createTextNode(str))  
}  
document.getElementsByTagName(“head”)[0].appendChild(nod);

转载于:https://www.cnblogs.com/gxsyj/p/6168425.html