Ovaj post objašnjava svojstvo HTML DOM elementa “previousElementSibling” pomoću JavaScripta.
Što je svojstvo HTML DOM elementa “previousElementSibling”?
Element DOM (Document Object Model) ' prethodniElementSibling ” je svojstvo samo za čitanje koje pomaže u dohvaćanju prethodnog brata elementa u istom stablu. Ovo svojstvo vraća sadržaj prethodnog brata.
Sintaksa
element. prethodniElementSibling
Ova sintaksa vraća ' niz ' koji sadrži HTML sadržaj prethodnog brata i ' ništavan ” ako ne postoji.
Upotrijebimo gore definiranu sintaksu praktično da pokažemo rad svojstva 'previousElementSibling'.
Primjer: Primjena svojstva 'previousElementSibling' za vraćanje sadržaja prethodnog brata
Ovaj primjer primjenjuje svojstvo JavaScript 'previousElementSibling' da bi se dobio HTML sadržaj prethodnog brata.
HTML kôd
Prvo, pregled sljedećeg HTML koda:
< ul >< da iskaznica = 'prvi' > HTML < / da >
< da iskaznica = 'drugi' > CSS < / da >
< da iskaznica = 'treći' > JavaScript < / da >
< / ul >
< str iskaznica = 'za' >< / str >
U gornjim linijama koda:
- '
- Unutar neuređenog popisa, više je stavki ugrađeno pomoću '
” s njihovim dodijeljenim ID-ovima. - Na kraju, ' ” oznaka ugrađuje prazan odlomak s jedinstvenim ID-om „para”.
JavaScript kod
Sada nastavite s JavaScript kodom:
< skripta >neka stavka = dokument. getElementById ( 'treći' ) . prethodniElementSibling . unutarnjiHTML ;
dokument. getElementById ( 'za' ) . unutarnjiHTML = ' Prethodni srodnik treće stavke je : ' + artikal ;
skripta >
Prema gornjem isječku koda:
- Varijabla 'item' prvo koristi ' getElementById() ” za pristup ciljanoj stavci popisa koristeći njen ID „treći”, a zatim primijenite „ prethodniElementSibling ” vlasništvo da dobije svog prethodnog brata.
- Nakon toga, ' getElementById() ” metoda pristupa dodanom praznom odlomku koristeći svoj ID „para” kako bi mu dodala vrijednost varijable „item”, tj. prethodnog brata.
Izlaz
Kao što se vidi, ishod prikazuje prethodnog brata ciljane stavke, tj. (JavaScript).
Zaključak
JavaScript pruža unaprijed definirani DOM element “ prethodniElementSibling ” svojstvo za dohvaćanje prethodnog brata elementa. Vraća prethodnog brata elementa s iste razine stabla na kojoj se nalazi ciljni element. Ovaj post detaljno je objasnio svojstvo HTML DOM elementa “previousElementSibling” u JavaScriptu.