Această postare explică proprietatea „previousElementSibling” a elementului DOM HTML folosind JavaScript.
Ce este proprietatea „previousElementSibling” Element HTML DOM?
Elementul DOM (Document Object Model) „ previousElementFrate ” este o proprietate numai în citire care ajută la preluarea fratelui anterior al unui element din același arbore. Această proprietate returnează conținutul fratelui anterior.
Sintaxă
element. previousElementFrate
Această sintaxă returnează „ şir „ care conține conținutul HTML al fratelui anterior și „ nul ” dacă nu există.
Să folosim practic sintaxa definită mai sus pentru a arăta funcționarea proprietății „previousElementSibling”.
Exemplu: aplicarea proprietății „previousElementSibling” pentru a returna conținutul fratelui anterior
Acest exemplu aplică proprietatea JavaScript „previousElementSibling” pentru a obține conținutul HTML al fratelui anterior.
Cod HTML
Mai întâi, o prezentare generală a următorului cod HTML:
< ul >< acea id = 'primul' > HTML < / acea >
< acea id = 'al doilea' > CSS < / acea >
< acea id = 'al treilea' > JavaScript < / acea >
< / ul >
< p id = 'pentru' >< / p >
În liniile de cod de mai sus:
- „
- În lista neordonată, mai multe elemente sunt încorporate folosind „
” etichetă cu ID-urile atribuite. - În cele din urmă, „ Eticheta ” încorporează un paragraf gol cu un id unic „para”.
Cod JavaScript
Acum, continuați cu codul JavaScript:
< scenariu >lasa articol = document. getElementById ( 'al treilea' ) . previousElementFrate . innerHTML ;
document. getElementById ( 'pentru' ) . innerHTML = „ Fratele anterior al celui de-al treilea articol este : „ + articol ;
scenariu >
Conform fragmentului de cod de mai sus:
- Variabila „articol” folosește mai întâi „ getElementById() ” pentru a accesa elementul din listă vizat folosind id-ul său „al treilea” și apoi aplicați „ previousElementFrate ” proprietate pentru a-și obține fratele anterior.
- După aceea, „ getElementById() ” metoda accesează paragraful gol adăugat folosind id-ul „para” pentru a-l adăuga cu valoarea variabilei „articol”, adică fratele anterior.
Ieșire
După cum s-a văzut, rezultatul arată fratele anterior al articolului vizat, adică (JavaScript).
Concluzie
JavaScript oferă elementul DOM predefinit „ previousElementFrate ” proprietate pentru a prelua fratele anterior al unui element. Returnează fratele anterior al unui element de la același nivel de arbore în care se află elementul țintă. Această postare a explicat în profunzime proprietatea „previousElementSibling” a elementului DOM HTML în JavaScript.