document.styleSheets以及js中实现样式表的切换、样式的增加减少
来源:互联网 发布:日本交换 知乎 编辑:程序博客网 时间:2024/06/06 00:10
document.styleSheets可以返回由网页中所用到的样式表组成的数组,但是不包括直接嵌在元素里的style。
例如:
上面代码弹出的对话框显示2。至于样式表在数组里的顺序由定义时的顺序决定,如上document.styleSheets[0]返回设定字体大小的style,document.styleSheets[1]返回样式表firstCSS.css。
js可以控制样式表的切换,用到的是disabled属性,如上,若要屏蔽掉样式表firstCSS.css,可以加入下面语句:
另外,还可以添加和删除样式表里的具体项,IE和Firefox用到了不同的函数:
Firefox里用cssRules属性返回样式表的所有项目,
而IE中则用rules达到同样的效果。
Firefox和IE中添加项目所用函数也不一样,如下:
0 0
- document.styleSheets以及js中实现样式表的切换、样式的增加减少
- styleSheets以及js中实现样式表的切换、样式的增加减少
- 通过DOM获取外部样式表的方法document.styleSheets
- JS 实现样式的重复切换
- 网页中CSS样式切换的实现
- js实现的样式
- 实现切换效果的样式
- js中选择外部样式表中样式的方法
- vue中如何实现样式之间的切换
- JQ对HTML样式的移除、增加、切换
- 不为人知的JS调用样式的方法---document.createElement().addRule(..)
- Jquery的样式切换
- jquery的样式切换
- QML中ListView的高级使用之增加ScrollBar以及设置ScrollBar的样式
- CSS3-JS-styleSheets的概述
- ExtJs 通过 toggleClass 实现样式切换 ——以及更多的CSS操作
- 用JS中document.styleSheets控制cssRules规则
- 用JS中document.styleSheets控制cssRules规则
- Handler
- hdu 5563 Chip Factory(字典树)
- CSDN添加自定义栏目
- LeetCode | Count Numbers with Unique Digits
- IIC专题(二)-使用内核原代码提供的at24.c驱动来操作I2C的at24lc04 EEPROM
- document.styleSheets以及js中实现样式表的切换、样式的增加减少
- allwinner gsensor 校准调试
- grep 对于多文件的查找过滤
- 带约束的最优化问题
- spring security custom loginPage + freemarker
- ArchLinux裸系统安装全过程
- App接口【核心技术】
- jQuery基础课程
- Java语言的环境搭建