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

javascriptelement.nextElementSibling;

Exempel

Givet ett element #elem. Låt oss skriva ut texten från dess nästa syskonelement:

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

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

console.log(text);

Resultat av kodkörning:

javascript'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:

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

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

Resultat av kodkörning:

javascriptnull

Se även