欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS设置获取元素CSS样式的方法

程序员文章站 2022-04-29 13:44:09
...

获取元素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色