Метод nextelementsibling в JavaScript
Свойство `nextElementSibling` возвращает следующий соседний элемент, который является элементом (узлом) HTML.
Например, если у нас есть следующий HTML код:
html
- Apple
- Pear
- Orange
- Banana
И мы хотим получить следующий элемент после элемента с классом "current" (который является `
javascript
let currentElement = document.querySelector('.current');
let nextElement = currentElement.nextElementSibling;
console.log(nextElement.textContent); // Выведет "Banana"
В этом примере мы используем `querySelector` для получения ссылки на элемент с классом "current" (`
Преимущество использования `nextElementSibling` заключается в том, что он только для элементов (узлов) HTML, а не для комментариев, текстовых узлов и т.д. Поэтому если наш следующий сосед является элементом, мы можем безопасно использовать `nextElementSibling`.