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ă
element.nextElementSibling;
Exemplu
Este dat elementul #elem. Să afișăm
textul vecinului său de jos:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Rezultatul executării codului:
'sibling'
Exemplu
Dacă vecinul de jos nu există sau este localizat nu
în părintele elementului nostru, de asemenea se returnează
null:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Rezultatul executării codului:
null
Vedeți și
-
proprietatea
previousElementSibling,
care conține elementul anterior