nextElementSibling-ominaisuus

Ominaisuus nextElementSibling sisältää seuraavan elementin, joka sijaitsee samassa vanhemmassa. Jos tällaista elementtiä ei ole - palautetaan null.

Syntaksi

javascriptelementti.nextElementSibling;

Esimerkki

Annettu elementti #elem. Haetaan sen seuraavan sisaruksen teksti:

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

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

console.log(text);

Koodin suorituksen tulos:

javascript'sibling'

Esimerkki

Jos seuraavaa sisarusta ei ole tai se ei sijaitse elementtimme vanhemmassa, palautetaan myös null:

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

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

Koodin suorituksen tulos:

javascriptnull

Katso myös