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
element.previousElementSibling;
Exempel
Givet ett element #elem. Låt oss skriva ut
texten från dess föregående syskon:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Resultat av kodkörning:
'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:
<p>sibling</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Resultat av kodkörning:
null
Se även
-
egenskapen
nextElementSibling,
som innehåller nästa syskon (efterföljande element)