有两种方式,Javascript访问CSS
属性:访问元素通过元素和直接访问样式表。此外,还有一个不可忽视的问题当访问方式的
运行方式。
1。通过元素的访问
因为它是通过元素访问样式表,你首先应该确定哪些元素是的。这是DOM的内容,这里就不多说了在第一。当引用获得的,你可以
参考,the.style属性获取一个属性。将要访问。例如,查看以下代码。
#一{
身高:100px;
宽度:100px;
背景颜色:红色;
}
当我们想要得到的#可以document.getelementbyid.style.backgroundcolor背景颜色();这就完成了参观,后返回或改变属性,你的价值。
2。直接存取
文件 一般来说,直接访问样式表是找到相应的样式块一块然后在风格上找到相应的样式规则,并找到相应的风格,这种风格的规则。
什么是样式块第一在代码中,CSS代码将标签之间或存在,或风格的代码块,多个块可以按从上到下的
顺序的编码,我们可以像数组元素
类型的块。例如,如果我们想要访问的样式块的第一,我们可以记录。样式表{ 0 }
然后说样式规则是什么。
#一{
身高:100px;
宽度:100px;
背景颜色:红色;
}
# B {
身高:100px;
宽度:100px;
背景颜色:蓝色;
}
对#和# B是在代码中指定的样式,和#样式或# B集合的集合是一个样式规则。这种风格的#块,一个是第一个样式规则,和# B二样式规则。我们也可以像数组元素的样式规则例如,如果我们要访问的# B样式规则,我们可以
文档样式表CSS规则{ 0 },{ 1 },当然,你可以选择写文档的样式表{ 0 },{ 1 }这样的规则,但这种书写是不
支持火狐。
然后我们就可以访问相应的风格。比如,我们想改变# B背景色为绿色,所以我们可以文档样式表CSS规则{ 0 },{ 1 }。风格。背景颜色为绿色。
三.运行方式
请看下面的代码:
#一{
身高:100px;
宽度:100px;
颜色:红色;
}
# B {
身高:100px;
宽度:100px;
}
看看
字体的颜色。
当我们跑警报(document.getelementbyid(B)。风格。颜色),我们
发现,没有什么是出口弹出,但
网页的字体颜色是红色地。为什么这是因为每个元素的样式对象属性不会立即更新。当我们想输出红色的window.window.getcomputedstyle我们使用运行时类型(document.getelementbyid(B),null)。颜色,红色可以访问。访问运行时的风格也有一种书写方式document.getelementbyid(B)。CurrentStyle.color,但这种风格是通过IE
浏览器只支持