nextElementSibling-ominaisuus
Ominaisuus nextElementSibling sisältää
seuraavan elementin, joka sijaitsee samassa
vanhemmassa. Jos tällaista elementtiä ei ole - palautetaan
null.
Syntaksi
elementti.nextElementSibling;
Esimerkki
Annettu elementti #elem. Haetaan
sen seuraavan sisaruksen teksti:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Koodin suorituksen tulos:
'sibling'
Esimerkki
Jos seuraavaa sisarusta ei ole tai se ei sijaitse
elementtimme vanhemmassa, palautetaan myös
null:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Koodin suorituksen tulos:
null
Katso myös
-
ominaisuus
previousElementSibling,
joka sisältää edellisen elementin
