DOM元素样式

控制dom元素的类样式

className： 获取或设置元素的类名

classList： dom4的新属性，是一个用于控制元素类名的对象 IE10以下不兼容

• classList.add：用于添加一个类名
• classList.remove：用于移除一个类名
• classList.contains：用于判断一个类名是否存在 存在某个元素中
• classList.toggle：用于添加/移除一个类名

  toggle(类名,false/true) 只写类名时等于循环添加删除（点击1次为删除指定类名，
  第几第2次指定类名又会重新添加上）
  写两个值时false为强制删除 true强制添加 ie不支持第二个值谨慎使用
  toggle第二个值如同true=(classList.add) false=(classList.remove)
  

获取样式

CSS的短横线命名，需要转换为小驼峰命名如下
backgroun-color=backgroundColor

    console.log(div.style.backgroundColor);

• dom.style：得到行内样式对象
• window.getComputedStyle(dom元素)：得到某个元素最终计算的样式
  • 可以有第二个参数，用于得到某个元素的某个伪元素样式
  • getComputedStyle(当前对象div, “当前对象的伪元素before/after”)

设置样式

dom.style.样式名 = 值

！注意设置的样式会存放在行内，同时该方式只能设置为行内样式