如果想修改某个元素的CSS样式，建议看一下我写的另一篇文章：
Javascript 如何修改CSS样式(网页样式) 补充说明
注意：我说的是修改，而不是访问。如果是修改的话可以看看上面《补充说明》这篇文章，但如果是访问的话，就看本文中的这两种方法，同样，如果是访问兼顾修改的话，也只看本文中的两种方法（这是我了解到的两种方法，如果有其他的方法，请赐教，谢谢）
Javascript 访问修改页面元素的CSS样式，一般有两种方法
一种方法是访问修改元素中style属性的CSS样式，一般这样的style属性是直接写在元素上的，而不是在外部的CSS文件中；另一种方法是访问外部的CSS文件，然后修改CSS样式，下面对这两种方法进行介绍。
1. 访问并修改元素中style属性的CSS样式
看下面的例子：
源码如下：
2. 访问并修改外部定义的CSS样式（类定义的CSS样式）
js访问外部定义的CSS样式（类定义的CSS样式），不能
使用上面的
通过修改style属性来改变style属性的
方法去访问，因为CSS数据不是存储在style属性中，它是存储在类中的。
那么访问外部定义的CSS样式文件的方法是：先取得定义类的样式表的引用，用document.styleSheets集合实现这个目的，这个集合包含HTML页面中所有的样式表，DOM为每个样式表定义一个cssRules的集合，在这个集合中包含了定义在样式表中的所用的CSS规则。
（注意：Mozilla和Safasi中是cssRules，而IE中式rules）。
看下面的例子：
两个css文件，如下
html文件，如下：
源代码如下：
mycss.css
.style1{
width:500px;
height:200px;
background-color:pink;
}
.style2{
width:600px;
height:100px;
background-color:yellow;
}
mycss2.css
.style3{
width:300px;
height:300px;
background-color:green;
}
.style4{
width:400px;
height:400px;
background-color:blue;
}
html代码：
以上就是Javascript 访问修改页面元素的CSS样式的两种方法