Propriedade nextElementSibling
A propriedade nextElementSibling contém
o próximo elemento, localizado no mesmo
pai. Se não houver tal elemento - é retornado
null.
Sintaxe
elemento.nextElementSibling;
Exemplo
Dado o elemento #elem. Vamos exibir
o texto do seu irmão seguinte:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Resultado da execução do código:
'sibling'
Exemplo
Se não houver um irmão seguinte ou se ele não estiver
no pai do nosso elemento, também é retornado
null:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Resultado da execução do código:
null
Veja também
-
a propriedade
previousElementSibling,
que contém o elemento anterior
