Egenskapen nextElementSibling

Egenskapen nextElementSibling inneholder neste element som befinner seg i samme forelder. Hvis det ikke finnes et slikt element, returneres null.

Syntaks

javascriptelement.nextElementSibling;

Eksempel

Gitt et element #elem. La oss skrive ut teksten til dens nedenforliggende nabo:

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

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

console.log(text);

Resultat av kjøring av kode:

javascript'sibling'

Eksempel

Hvis det ikke er noen nedenforliggende nabo, eller den ikke er plassert i forelderen til vårt element, returneres også null:

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

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

Resultat av kjøring av kode:

javascriptnull

Se også