Proprietatea nextElementSibling

Proprietatea nextElementSibling conține următorul element, aflat în același părinte. Dacă nu există un astfel de element - se returnează null.

Sintaxă

javascriptelement.nextElementSibling;

Exemplu

Este dat elementul #elem. Să afișăm textul vecinului său de jos:

html<p id="elem">elem</p>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

Rezultatul executării codului:

javascript'sibling'

Exemplu

Dacă vecinul de jos nu există sau este localizat nu în părintele elementului nostru, de asemenea se returnează null:

html<div>
  <p id="elem">elem</p>
</div>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

Rezultatul executării codului:

javascriptnull

Vedeți și