JS 修改元素的内联样式

JS修改元素样式

语法：元素.style.样式名=样式值

例如：documents.getElementByName("demo").style.width="200px"

注意：如果css样式中名有 - 符号

这种名称在JS中是不合法的。比如：background-color

          需要将这种样式名修改为驼峰命名法，去掉-，然后将 - 后面的第一个字母大写，即 backgroundColor

通过style属性设置的样式都是内联样式，具有较高的优先级，通过JS修改的样式往往会立即显示。但是如果在样式中写了优先级 ! important 则将会导致JS修改的样式失效

 通过style属性设置和读取都是内联样式

获取元素的当前显示的样式

var element=documents.getElementByName("demo")

语法：元素.currentStyle.样式名    可以用来读取当前元素正在显示的样式（只有IE浏览器支持，其他的不支持）

其他浏览器可以使用：getComputedStyle()  来获取元素的当前样式，这个方法时window的方法，可以直接使用

参数：

第一个参数：需要获取样式的元素

第二个参数：可以传递伪元素（width之类），一般都传null

该方法会返回一个对象，对象中封装了当前元素对应的样式

可以通过对象.样式名来读取样式，如果获取的样式没有设置，则会读取到真实的值，而不是默认值，比如：没有设置width，它不会获取到auto，而是一个长度（一个值）

var obj=getComputedStyle(element,null)