Egenskapen nextElementSibling
Egenskapen nextElementSibling innehåller
nästa element som finns i samma förälder.
Om det inte finns något sådant element returneras
null.
Syntax
element.nextElementSibling;
Exempel
Givet ett element #elem. Låt oss skriva ut
texten från dess nästa syskonelement:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Resultat av kodkörning:
'sibling'
Exempel
Om det inte finns något nästa syskonelement eller om det inte är
placerat i vårt elements förälder, returneras
null:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Resultat av kodkörning:
null
Se även
-
egenskapen
previousElementSibling,
som innehåller föregående element