CSSOM提供给JS操作样式表和规则的能力

css的来源有三种

标签的style特性

标签的style特性属于DOM的内容

//设置和获取语法如下:
ele.style.color='#000'
ele.style.background=''red

相关属性和方法:

ele.style.removeProperty('border')

style标签中的样式和外链CSS文件

document.styleSheets会返回一个类数组结构,<style>标签和外链的css文件都会成为styleSheets中的一项

//获取所有的样式表
document.styleSheets

https://prod-files-secure.s3.us-west-2.amazonaws.com/c2d93f25-fd2b-4799-8114-a9c20ea9b277/11dd0e19-165d-4c7d-a380-a815da0bc9f0/Untitled.png

//获取样式表中特定的规则
document.styleSheets[0].cssRules

https://prod-files-secure.s3.us-west-2.amazonaws.com/c2d93f25-fd2b-4799-8114-a9c20ea9b277/26acaba3-26d6-49e1-9bc5-b8cf903e25bb/Untitled.png

cssRules有多种类型