Egenskapen previousElementSibling

Egenskapen previousElementSibling innehåller föregående element som finns i samma förälder. Om inget sådant element finns returneras null.

Syntax

javascriptelement.previousElementSibling;

Exempel

Givet ett element #elem. Låt oss skriva ut texten från dess föregående syskon:

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

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

console.log(text);

Resultat av kodkörning:

javascript'sibling'

Exempel

Om det inte finns något föregående syskon eller om det är placerat inte i vårt elements förälder, returneras även null:

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

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

Resultat av kodkörning:

javascriptnull

Se även