Элемент: свойство nextElementSibling
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузера. Она доступна во всех браузерах с июля 2015 года.
Свойство Element.nextElementSibling только для чтения возвращает элемент, непосредственно следующий за указанным в списке children родительского элемента, или null, если указанный элемент является последним в списке.
Значение
Объект Element или null.
Примеры
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<script>
let el = document.getElementById("div-01").nextElementSibling;
console.log("Siblings of div-01:");
while (el) {
console.log(el.nodeName);
el = el.nextElementSibling;
}
</script>
Этот пример выводит следующее в консоль при загрузке:
Siblings of div-01: DIV SCRIPT
Спецификации
Совместимость браузеров
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
nextElementSibling |
2 | 12 | 3.5 | 10 | 4 | 18 | 4 | 10.1 | 3 | 1.0 | ≤37 |
См. также
© 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/Element/nextElementSibling