blob: 88d098c111d1873a7c881ec546c0326650e7ff5b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
---
title: StyleSheetList
slug: Web/API/StyleSheetList
translation_of: Web/API/StyleSheetList
---
<p>{{APIRef("CSSOM")}}</p>
<p>StyleSheetLists 接口表示一个StyleSheet的列表。</p>
<p>这是一个像数组一样的对象，但是不能使用数组方法进行遍历。但是它可以通过for循环遍历其下标，或者把它转换成数组。</p>
<h2 id="Example" name="Example">范例</h2>
<h3 id="使用for循环获取文档_styleSheet_对象">使用for循环获取文档 <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet">styleSheet</a> 对象</h3>
<pre><code>for (var i=0; i < document.styleSheets.length; i++){
var styleSheet = document.styleSheets[i];
}</code></pre>
<h3 id="使用Array方法获取文档的所有CSS规则">使用Array方法获取文档的所有CSS规则</h3>
<pre><code>var allCSS =
[].slice.call(document.styleSheets)
.reduce(function (prev, styleSheet) {
if (styleSheet.cssRules) {
return prev +
[].slice.call(styleSheet.cssRules)
.reduce(function (prev, cssRule) {
return prev + cssRule.cssText;
}, '');
} else {
return prev;
}
}, '');</code>
</pre>
|
