previousElementSibling հատկությունը

previousElementSibling հատկությունը պարունակում է նախորդ տարրը, որը գտնվում է նույն ծնողում: Եթե այդպիսի տարր չկա - վերադարձվում է null:

Շարահյուսություն

javascriptտարր.previousElementSibling;

Օրինակ

Տրված է #elem տարրը: Եկեք դուրս բերենք նրա վերևի հարևանի տեքստը:

html<p>հարևան</p>
<p id="elem">տարր</p>
javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

Կոդի կատարման արդյունքը:

javascript'հարևան'

Օրինակ

Եթե վերևի հարևան չկա կամ այն տեղակայված է ոչ մեր տարրի ծնողում, նույնպես վերադարձվում է null:

html<p>հարևան</p>
<div>
  <p id="elem">տարր</p>
</div>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

Կոդի կատարման արդյունքը:

javascriptnull

Տես նաև

  • nextElementSibling հատկությունը,
    որը պարունակում է ներքևի հարևանը (հաջորդ տարրը)