欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

12.2.1 访问元素的方式

程序员文章站 2022-07-11 11:41:03
...

1.DOM 样式属性和方法

访问样式可以通过 style 特性,DOM2级样式为 style 对象定义了一些属性和方法
12.2.1 访问元素的方式

cssText //CSS代码
length //应用给元素的CSS属性的数量
parentRule //表示信息的CSSRule对象
getPropertyCSSValue(propertyName) //返回包含给定属性值的CSSValue对象
getPropertyPriority(propertyName) //如果给定的属性使用了!important设置,返回important,否则,返回空字符串
getPropertyValue(propertyName) //返回给定属性的字符串值
item(index) //返回给定位置的CSS属性的名称
removeProperty(propertyName) //从样式中删除给定属性
setProperty(propertyName,value,priority) 

验证cssText、length、item(index)
12.2.1 访问元素的方式
验证getPropertyValue(propertyName)、getPropertyPriority(propertyName)
12.2.1 访问元素的方式
验证其余属性和方法
12.2.1 访问元素的方式
getPropertyCSSValue(propertyName) 并未得到验证,理论上讲,该方法会返回一个 CSSValue 对象,包含两个属性:cssText 和 cssValueType。其中,cssValueType 属性是一个数值常量,表示值的类型:0表示继承的值,1表示基本的值,2表示值列表,3表示自定义的值

2.计算的样式

style 特性中的样式信息指的是内联样式中定义的样式,若是获取从其他样式表中层叠而来的信息,需要调用getComputedStyle() 方法,该方法接收两个参数:要取得计算样式的元素和一个伪元素字符串(例’:after’),若不需要伪元素信息,则为null
12.2.1 访问元素的方式
调用时使用 document.defaultView.getComputedStyle()
12.2.1 访问元素的方式