操作元素样式

一、获取元素样式

1. style 的方式

利用  原生属性  的方式

语法： 元素.style

获取到的内容是一个 对象 ，里面包含元素所有的可设置样式

你想获取哪一个样式，就从对象里面获取就可以了
注意： 但是只能获取到 行内样式

2.获取非行内样式

2-1. window.getComputedStyle() 方法

        标准浏览器
语法： window.getComputedStyle(要获取样式的元素)

返回值： 一个 对象 ，里面包含所有可设置的样式，每一个样式都有值，你没有设置的就是默认值。
         你需要哪一个样式，直接在里面获取就可以了

2-2.currentStyle 属性

        IE低版本浏览器

语法： 要获取样式的元素.currentStyle

         得到的就是一个 对象，里面包含元素所有可设置的样式，每一个样式都有值
         你需要哪一个样式，直接在对象里面获取就可以了

说明：
当你获取样式的时候，如果你使用 点语法 ，你获取带有中划线的样式要转换成驼峰的方式
如果你使用 数组关联语法 你可以写中划线

二、设置元素样式

元素.style.样式名 = ‘值’