Ta objava razlaga lastnost elementa HTML DOM »previousElementSibling« z uporabo JavaScripta.
Kaj je lastnost »previousElementSibling« elementa HTML DOM?
Element DOM (Document Object Model) ' prejšnjiElementSibling ” je lastnost samo za branje, ki pomaga pridobiti prejšnjega sorodnika elementa v istem drevesu. Ta lastnost vrne vsebino prejšnjega brata.
Sintaksa
element. prejšnjiElementSibling
Ta sintaksa vrne ' vrvica «, ki vsebuje vsebino HTML prejšnjega sorodnika, in » nič «, če ne obstaja.
Uporabimo zgoraj definirano sintakso praktično za prikaz delovanja lastnosti »previousElementSibling«.
Primer: uporaba lastnosti »previousElementSibling« za vrnitev vsebine prejšnjega sorodnika
Ta primer uporabi lastnost JavaScript »previousElementSibling« za pridobitev vsebine HTML prejšnjega sorodnika.
HTML koda
Najprej pregled naslednje kode HTML:
< ul >< to id = 'prvi' > HTML < / to >
< to id = 'drugi' > CSS < / to >
< to id = 'tretji' > JavaScript < / to >
< / ul >
< str id = 'za' >< / str >
V zgornjih vrsticah kode:
- '
- Znotraj neurejenega seznama je več elementov vdelanih z uporabo »
” s svojimi dodeljenimi ID-ji. - Nazadnje, ' ” vdela prazen odstavek z edinstvenim ID-jem “para”.
Koda JavaScript
Zdaj nadaljujte s kodo JavaScript:
< scenarij >naj predmet = dokument. getElementById ( 'tretji' ) . prejšnjiElementSibling . notranjiHTML ;
dokument. getElementById ( 'za' ) . notranjiHTML = ' Prejšnji sorodnik tretjega elementa je : ' + postavka ;
scenarij >
Glede na zgornji delček kode:
- Spremenljivka »item« najprej uporabi » getElementById() ' za dostop do ciljanega elementa seznama z uporabo njegovega ID-ja 'tretji' in nato uporabite ' prejšnjiElementSibling ” premoženje, da bi dobil svojega prejšnjega brata.
- Po tem je ' getElementById() « dostopa do dodanega praznega odstavka z uporabo njegovega id-ja »para«, da mu doda vrednost spremenljivke »item«, tj. prejšnjega brata.
Izhod
Kot je razvidno, rezultat prikazuje prejšnjega sorodnika ciljnega elementa, tj. (JavaScript).
Zaključek
JavaScript ponuja vnaprej določen element DOM ' prejšnjiElementSibling ” za pridobitev prejšnjega sorodnika elementa. Vrne prejšnjega sorodnika elementa z iste drevesne ravni, kjer je ciljni element. Ta objava je podrobno razložila lastnost elementa HTML DOM »previousElementSibling« v JavaScriptu.