пример
Получить содержимое HTML следующего собрата элемента списка:
var x =
document.getElementById("item1").nextElementSibling.innerHTML;
В результате х будет:
Tea (second li)
Попробуй сам " Определение и использование
Свойство nextElementSibling возвращает элемент, сразу же после указанного элемента, в том же уровне дерева.
Разница между этим свойством и NextSibling , является то , что NextSibling возвращает следующий узел в качестве родственного узла элемента, текстового узла или комментарий узла, в то время как nextElementSibling возвращает следующий узел родственного в качестве узла элемента (ignores text and comment nodes) .
Это свойство только для чтения.
Совет: Используйте previousElementSibling свойство для возврата к предыдущему элементу указанного элемента.
Совет: Используйте ребенок свойство возвращать любой дочерний элемент заданного элемента.
Поддержка браузеров
Имущество | |||||
---|---|---|---|---|---|
nextElementSibling | 2,0 | 9,0 | 3,5 | 4,0 | 10,0 |
Синтаксис
node .nextElementSibling
Технические подробности
Возвращаемое значение: | Объект Узел, представляющий следующий родственный элемента, или нуль , если нет следующего родственный |
---|---|
DOM Version | Базовый уровень 3 Элемент Traversal |