DOM操纵样式表
2016-03-19 23:03
477 查看
(1).在DOM中,对于每个CSS样式,Style对象都包含了一个相对应的属性,只不过格式略有不同。对于单个词的CSS样式,Style对象用相同的属性名来代表(eg:color样式用
style.color代表);对于两个单词的样式,Style样式用去掉两个词之间的连接线、并且第二个词的首写字母是大写的属性名来代表(eg:background-color用style.backgroundColor代表)。
(2).转滚法:当鼠标移到页面上一个给定元素的rollover效果。
注意:事件处理程序使用this关键字来引用div元素本身,并访问它的style对象。
(3).style还有一个属性cssText,用来表示描述一个元素样式的CSS字符串。
(4).getPropertyValue(propertyName)——返回CSS属性的属性值的字符串值,propertyName必须是在CSS样式中指定的格式。
(5).item(index)——返回指定索引的CSS属性名称。
(6).removeProperty(propertyName)——从CSS定义中删除propertyName。
(7).IE浏览器不支持style对象的方法。因此,最好使用style的属性来获取和设置CSS属性。
(8).disabled——指示样式表是否disabled。
(9).href——外部样式表的URL;对于style元素该值为null(Mozilla浏览器会返回页面的地址)。
(10).DOM为某个样式表指定了一个称为cssRules的集合。
(11).IE最终样式:currentStyle对象中的所有属性是只读的。
(12).DOM的最终样式:(很多浏览器不支持)。接收两个参数:一个是要获取样式的元素,一个是伪元素(第二个参数可以是空)。
(13).最终样式:一个元素可能有多个样式作用于其上,最终在屏幕上显示的样式,称之为最终样式。
style.color代表);对于两个单词的样式,Style样式用去掉两个词之间的连接线、并且第二个词的首写字母是大写的属性名来代表(eg:background-color用style.backgroundColor代表)。
(2).转滚法:当鼠标移到页面上一个给定元素的rollover效果。
注意:事件处理程序使用this关键字来引用div元素本身,并访问它的style对象。
(3).style还有一个属性cssText,用来表示描述一个元素样式的CSS字符串。
(4).getPropertyValue(propertyName)——返回CSS属性的属性值的字符串值,propertyName必须是在CSS样式中指定的格式。
(5).item(index)——返回指定索引的CSS属性名称。
(6).removeProperty(propertyName)——从CSS定义中删除propertyName。
(7).IE浏览器不支持style对象的方法。因此,最好使用style的属性来获取和设置CSS属性。
(8).disabled——指示样式表是否disabled。
(9).href——外部样式表的URL;对于style元素该值为null(Mozilla浏览器会返回页面的地址)。
(10).DOM为某个样式表指定了一个称为cssRules的集合。
(11).IE最终样式:currentStyle对象中的所有属性是只读的。
(12).DOM的最终样式:(很多浏览器不支持)。接收两个参数:一个是要获取样式的元素,一个是伪元素(第二个参数可以是空)。
(13).最终样式:一个元素可能有多个样式作用于其上,最终在屏幕上显示的样式,称之为最终样式。
相关文章推荐
- No.3小白的HTML+CSS心得篇
- 欢迎使用CSDN-markdown编辑器
- CSS实现垂直居中的常用方法
- cssReset
- [置顶] CSS3 动画实现方法大全(*****************************星级文章*************************)
- CSS 「Sprite」雪碧图应用
- CSS常用十大技巧
- myslide 插件开发知识点总结和 css3 动画性能问题的研究
- myslide 插件开发知识点总结和 css3 动画性能问题的研究
- myslide 插件开发知识点总结和 css3 动画性能问题的研究
- DOM之样式相关
- 重新想,重新看——CSS3变形,过渡与动画③
- CSS魔法堂:不得不说的Containing Block
- 点击显示一个样式自定义的Popupwindow
- IE8兼容background-size属性
- discuz二级导航选择横排样式不显示的解决方法
- JSoup/NSoup对CSS类名称中含空格的处理
- CSS中zoom:1的作用
- 使用纯CSS3实现一个日食动画
- CSS滚动条