Ominaisuus previousElementSibling
Ominaisuus previousElementSibling sisältää
edellisen elementin, joka sijaitsee samassa
parent-elementissä. Jos tällaista elementtiä ei ole - palautetaan
null.
Syntaksi
elementti.previousElementSibling;
Esimerkki
Annettu elementti #elem. Etsitään
sen yläpuolisen naapurin teksti:
<p>naapuri</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Koodin suorituksen tulos:
'naapuri'
Esimerkki
Jos yläpuolista naapuria ei ole tai se sijaitsee
eri parent-elementissä kuin elementtimme, palautetaan myös
null:
<p>naapuri</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Koodin suorituksen tulos:
null
Katso myös
-
ominaisuus
nextElementSibling,
joka sisältää alapuolisen naapurielementin (seuraavan elementin)
