如果想修改某个元素的CSS样式建議看一下我写的另一篇文章:
注意:我说的是修改,而不是访问如果是修改的话可以看看上面《补充说明》这篇文章,但如果是访问的話就看本文中的这两种方法,同样如果是访问兼顾修改的话,也只看本文中的两种方法(这是我了解到的两种方法如果有其他的方法,请赐教谢谢)
Javascript 访问修改页面元素的CSS样式,一般有两种方法
一种方法是访问修改元素中style属性的CSS样式一般这样的style属性是直接写在元素仩的,而不是在外部的CSS文件中;另一种方法是访问外部的CSS文件然后修改CSS样式,下面对这两种方法进行介绍
1. 访问并修改元素中style属性的CSS样式
//js如何访问元素的style属性,进行样式修改 //怎么知道是 黑色 按钮按下还是 红色按钮按下 //根据ID号获取对应的元素可以访问元素中的style对象, //也可鉯通过访问元素中的style对象再访问对象中的其他属性 //也可以对这些属性进行修改,直接为其赋值即可如下:2. 访问并修改外部定义的CSS样式(类定义的CSS样式)
js访问外部定义的CSS样式(类定义的CSS样式),不能 使用上面的 通过修改style属性来改变style属性的 方法去访问因为CSS数据不是存储在style屬性中,它是存储在类中的
那么访问外部定义的CSS样式文件的方法是:先取得定义类的样式表的引用,用document.styleSheets集合实现这个目的这个集合包含HTML页面中所有的样式表,DOM为每个样式表定义一个cssRules的集合在这个集合中包含了定义在样式表中的所用的CSS规则。