javascript操作css样式

• 元素.style.样式名 = 值

  这样修改的是内联样式，具有很高的优先级，使用时如果样式名含有-，这种名称在js中是不合法的，比如：background-color需要将这种样式名修改为驼峰命名法，去掉-，然后将-后的字母大写。读取样式为：元素.style.样式名，通过style属性设置和读取的都是內联样式，无法读取样式表中的样式

• 获取元素当前显示的样式：元素.currentStyle.样式名

  这种可以用来读取当前元素正在显示的样式，如果当前元素没有设置样式，则获取它的默认值，但是currentStyle只有IE浏览器支持，其他浏览器不支持

• getComputedStyle（）获取元素的当前样式（除了IE浏览器都支持）

  这个方法是window的方法，可以直接使用，需要两个参数：第一个：要获取样式的元素；第二个：传递一个伪元素，一般都传null。
  该方法会返回一个对象，对象中封装了当前元素对应的样式，通过 对象.样式名来读取样式，如果获取的样式没有设置，则会获取到真实的值，而不是默认值。

通过currentStyle和getComputedStyle()读取到的样式都是只读的，不能修改，如果要修改必须通过style属性