获取元素CSS样式的方法:

  • element.style
    - - 获取行内(内联)样式表对象
  • window.getComputedStyle(element)
    - - 获取经过计算最后起作用的样式规则对象
    - - 该方法在IE9之前的浏览器中有兼容问题
    IE9之前浏览器使用 element.currentStyle 属性来获取经过计算起作用的样式规则

​PS:element 表示待求解样式的 DOM 元素对象​

设置元素CSS样式的方法:

  • element.style.attrName = attrValue
    - - 设置行内样式
    - - 例如:
let testDiv= document.getElementById('test'); //找到文档中id为test的
testDiv.style.color = 'orange'; //设置它的字体颜色为orange色