CSS规则对象

如前所述,IE和Firefox依赖于两个不同的CSS规则对象访问一个样式表的规则。 下面列出了两个对象:

属性描述
cssRules []DOM2基于CSS规则对象支持在NS / Firefox。
规则[]IE的CSS规则的对象。

示例(S):

如果的(document.styleSheets [0]。cssRules) 
crossrule = document.styleSheets [0]。cssRules [0] 
否则,如果(document.styleSheets [0]。规则) 
crossrule = document.styleSheets [0]。规则[0]

 属性

属性描述
cssText返回一个CSS规则在其全部的内容,选择相应的CSS声明(次)。NS / Firefox的一个有用的属性,可以轻松地搜索规则内,通过寻找在选择和属性的规则一次。

示例(S):

如果(document.styleSheets [0]。cssRules [0]。cssText.indexOf(“浮动”)!= -1) 
/ /这个规则有一个float属性定义的地方

长度返回的长度的的CSS规则的对象(cssRules.length或rules.length),换句话说,在一个样式表的数目的规则。
parentStyleSheet返回的样式表对象,它包含当前的规则。
selectorText读/写属性返回选择规则的一部分。 设置此属性在Firefox和IE浏览器产生不可预知的结果。

示例(S):

MySheet的风险值= document.styleSheets [0] 
就(i = 0; <mysheet.cssRules.length; + +){ 
(mysheet.cssRules [I]。selectorText ==“P”){/ /找到第一个“P”内的样式表规则 
pobj指向mysheet.cssRules [I] 
打破 
} 
}

风格对象的CSS规则对象“风格”提供读/写访问规则中定义的各个属性,类似时尚“风格”对象的内联样式。

示例(S):

MySheet的风险值= document.styleSheets [0] 
(mysheet.cssRules [0]。style.backgroundColor!=“黄色”) 
[0] mysheet.cssRules style.backgroundColor =“黄色”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值