This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The item() method of the NamedNodeMap interface returns the item in the map matching the index.
Note: This method is also called when you use the operator [] syntax. So, myMap[i] is equivalent to myMap.item(i) where i is a number.
item(index) [index]
indexA number representing the index of the item you want to return.
An Attr or null if the number is greater than or equal to the length of the map.
<pre class="foo" id="bar" contenteditable></pre>
const pre = document.querySelector("pre");
const attrMap = pre.attributes;
pre.textContent = `The attribute map contains:
0: ${attrMap.item(0).name}
1: ${attrMap[1].name}
2: ${attrMap.item(2).name}`;
| Specification |
|---|
| DOM> # dom-namednodemap-item> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
item |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap/item