nextElementSibling īpašība

nextElementSibling īpašība satur nākamo elementu, kas atrodas tajā pašā vecākā elementā. Ja šāds elements neeksistē - tiek atgriezts null.

Sintakse

javascriptelement.nextElementSibling;

Piemērs

Ir dots elements #elem. Iegūsim tā blakus elementa tekstu:

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

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

console.log(text);

Koda izpildes rezultāts:

javascript'sibling'

Piemērs

Ja blakus elements neeksistē vai tas atrodas ne mūsu elementa vecākā elementā, arī tiek atgriezts null:

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

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

Koda izpildes rezultāts:

javascriptnull

Skatiet arī