Ominaisuus previousElementSibling

Ominaisuus previousElementSibling sisältää edellisen elementin, joka sijaitsee samassa parent-elementissä. Jos tällaista elementtiä ei ole - palautetaan null.

Syntaksi

javascriptelementti.previousElementSibling;

Esimerkki

Annettu elementti #elem. Etsitään sen yläpuolisen naapurin teksti:

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

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

console.log(text);

Koodin suorituksen tulos:

javascript'naapuri'

Esimerkki

Jos yläpuolista naapuria ei ole tai se sijaitsee eri parent-elementissä kuin elementtimme, palautetaan myös null:

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

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

Koodin suorituksen tulos:

javascriptnull

Katso myös