DOMTokenList: метод item()

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод item() интерфейса DOMTokenList возвращает элемент в списке, определяемый его позицией в списке, то есть его индексом.

Примечание: Этот метод эквивалентен использованию нотации квадратных скобок. Таким образом, aList.item(i) эквивалентно aList[i].

Синтаксис

tokenList.item(index)

Параметры

index: Число, представляющее индекс элемента, который требуется вернуть. Если это не целое число, учитывается только целая часть.

Возвращаемое значение

Строка, представляющая возвращаемый элемент, или null если число больше или равно длине length списка.

Исключения

TypeError: Выбрасывается, если index нельзя преобразовать в целое число.

Примеры

В следующем примере мы получаем список классов, установленных для элемента <span>, как DOMTokenList, используя Element.classList. Затем мы получаем последний элемент в списке, используя item(tokenList.length - 1), и записываем его в Node.textContent элемента <span>.

Сначала HTML:

<span class="a b c"></span>

Теперь JavaScript:

const span = document.querySelector("span");
const classes = span.classList;
const item = classes.item(classes.length - 1);
span.textContent = item;

Вывод выглядит следующим образом:

Спецификации

Спецификация
DOM # ref-for-dom-domtokenlist-item①

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`item`	8	12	3.6	≤12.1	5.1	18	4	≤12.1	5	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/item