博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js修改样式表规则
阅读量:4624 次
发布时间:2019-06-09

本文共 1522 字,大约阅读时间需要 5 分钟。

adasfsfs
adasfsfs
adasfsfs
adasfsfs

adasfsfs

if(!document.styleSheets || document.styleSheets.length <= 0) {
var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = ""; document.getElementsByTagName('HEAD')[0].appendChild(style); } var sheet = document.styleSheets[0]; //新增样式规则 function insertCss(element, csName, position) { //跨浏览器兼容 if(sheet.insertRule) { // sheet.insertRule 非IE的时候会读取到一个函数,IE8即以上的时候会读取到undefined sheet.insertRule(element + '{' + csName + '}', position); } else if(sheet.addRule) { sheet.addRule(element, csName, position); } } insertCss('#div', 'font-size:16px;color:orange', 0); //删除样式规则 function test() { var dv = document.createElement('div'); dv.id = 'div'; dv.innerHTML = "cs"; document.getElementsByTagName('body')[0].appendChild(dv); } function deleteCss(position) { //跨浏览器兼容 if(sheet.deleteRule) { sheet.deleteRule(position); } else if(sheet.removeRule) { sheet.removeRule(position); } deleteCss(0); }

与直接操作style样式表相比,修改样式表规则可以实现样式表的多次利用

转载于:https://www.cnblogs.com/chyblog/p/6566231.html

你可能感兴趣的文章
python学习day25 接口类 抽象类 多态 封装
查看>>
同一场景下多个图层之间的调用
查看>>
【4OpenCV】OpenCV和RTSP的综合研究
查看>>
ajaxFileUpload 异步上传数据
查看>>
图书馆管理需求分析
查看>>
Vuforia添加虚拟按键
查看>>
状压$DP$练习
查看>>
题解 P1944 最长括号匹配_NOI导刊2009提高(1)
查看>>
10.计算属性
查看>>
The C in C++
查看>>
tengine + lua 实现流量拷贝
查看>>
JVM 垃圾回收机制,何时触发 MinorGC 等操作
查看>>
第十五篇:C程序的存储空间布局
查看>>
[Swift实际操作]七、常见概念-(2)点CGPoint和变形CGAffineTransform的使用
查看>>
npm 安装包
查看>>
JavaScript总结(五)
查看>>
case when的用法
查看>>
四、移植 JZ2440 开发板
查看>>
9.27 代码笔记
查看>>
jquery.post请求并处理返回xml数据
查看>>