The item() method of the CSSRuleList interface returns the CSSRule object at the specified index or null if the specified index doesn't exist.
The item() method of the CSSRuleList interface returns the CSSRule object at the specified index or null if the specified index doesn't exist.
js
item(index)
indexAn integer.
A CSSRule.
In the following example, we assume that the myRules list has three items only.
js
let myRules = document.styleSheets[0].cssRules; console.log(myRules.item(0)); // Logs the first CSSRule item from this list // Accessing non-existing items using this method will return null instead of undefined console.log(myRules.item(5)); // null console.log(myRules[5]); // undefined
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssrulelist-item |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
item |
1 | 12 | 1 | 9 | ≤12.1 | 1 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSRuleList/item