W3cubDocs

/Web APIs

CSSRuleList: item() method

The item() method of the CSSRuleList interface returns the CSSRule object at the specified index or null if the specified index doesn't exist.

Syntax

js

item(index)

Parameters

index

An integer.

Return value

A CSSRule.

Examples

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

Specifications

Specification
CSS Object Model (CSSOM)
# dom-cssrulelist-item

Browser compatibility

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