详解如何使用JavaScript获取页面样式表列表的方法

JavaScript的`document styleSheets`属性可获取页面所有样式表（包括外部、内联和动态插入），返回按文档顺序排列的`CSSStyleSheet`对象列表。遍历时需注意跨域样式表的`cssRules`访问可能抛出安全错误，应使用`try catch`处理。通过`title`和`disabled`属性可筛选和切换样式表。

在实际开发中，我们常常需要与页面样式打交道。Ja vaScript 提供了 document.styleSheets 这样一个属性，用来获取当前页面中所有已加载的样式表——包括外部 link 引入的、内部 style 定义的，甚至通过脚本动态插入的那些。它返回的是一个 CSSStyleSheet 对象的类数组（StyleSheetList），并且严格按文档中间出现顺序排列。

如何使用 Ja vaScript 获取页面样式表列表

获取所有样式表的基本方法

访问方式很简单，document.styleSheets 是只读属性，直接拿来用就行。但有几个关键点需要注意：

它按照文档中间出现的先后顺序排列，不管你是引入的外部文件，还是直接用