js

---恢复内容开始---

javascript:

DOM操纵样式表:

1、操纵元素的style样式属性:

css 样式属性                           javascript样式属性

background-color                   style.backgroundColor

color                                     style.color

font              style.font

font-family          style.fontFamily

font-weight          style.fontWeight

通过style对象可以获得任何内联式的值。

getPropertyValue(propertyName)——返回CSS属性的属性值的字符串值。这个propertyName必须是在CSS样式中指定的格式。

getPropertyPriority()——如果在CSS属性规则中指定了“!important”,则返回字符串“important”,否则返回一个空字符串。

item(index)——返回指定索引的CSS属性名称。

removeProperty(propertyName)——从CSS定义中删除propertyName。

setProperty(propertyName,value,priority)——设置CSS属性propertyName为value以及给定的优先级。(“important”或者一个空字符串)。

2、操纵外部样式表及Style元素中的样式:

DOM指定一个样式对象,该对象有如下属性:

disabled——指示样式表是否disabled。

href——外部样式表的URL;对于style元素该值为null(Mozilla浏览器会返回页面的地址)

media——在media属性中指定的可以使用样式表的媒体类型列表。

ownerNode——指定样式表的DOM节点(<link/>或者<style>元素)。IE不支持此属性。

parentStyleSheet——如果样式表被包含在CSS@import语句中,本属性指向语句发现的样式。

title——通过HTML的title属性指定的样式表标题(<link/>和<style/>都可以有title属性)。

type——样式表的mime类型;对于CSS,通常是text/css。

DOM为某个样式表指定可一个称为cssRules的集合,改集合中包含了样式表中定义的所有CSS规则。Mozilla和Safari浏览器正确地实现了该标准,但是IE浏览器将其命名为rules集合。

---恢复内容结束---

原文地址:https://www.cnblogs.com/zx997/p/6539411.html