Dette indlæg forklarer HTML DOM-elementet 'previousElementSibling' egenskaben ved hjælp af JavaScript.
Hvad er HTML DOM Element 'previousElementSibling' egenskaben?
DOM-elementet (Document Object Model) ' forrigeElementSøskende ” er en skrivebeskyttet egenskab, der hjælper med at hente den tidligere søskende til et element i samme træ. Denne egenskab returnerer indholdet af den tidligere søskende.
Syntaks
element. forrigeElementSøskende
Denne syntaks returnerer ' snor ' indeholdende HTML-indholdet fra den tidligere søskende, og ' nul ” hvis det ikke findes.
Lad os bruge den ovenfor definerede syntaks praktisk til at vise, hvordan egenskaben 'previousElementSibling' fungerer.
Eksempel: Anvendelse af egenskaben 'previousElementSibling' til at returnere den tidligere søskendes indhold
Dette eksempel anvender JavaScript-egenskaben 'previousElementSibling' til at hente den tidligere søskendes HTML-indhold.
HTML kode
Først en oversigt over følgende HTML-kode:
< ul >< at id = 'først' > HTML < / at >
< at id = 'anden' > CSS < / at >
< at id = 'tredje' > JavaScript < / at >
< / ul >
< s id = 'til' >< / s >
I ovenstående kodelinjer:
- Det '
- Inde i den uordnede liste er flere elementer indlejret ved hjælp af '
' tag med deres tildelte id'er. - Til sidst, ' ” tag indlejrer et tomt afsnit med et unikt id “para”.
JavaScript kode
Fortsæt nu med JavaScript-koden:
< manuskript >lad vare = dokument. getElementById ( 'tredje' ) . forrigeElementSøskende . indreHTML ;
dokument. getElementById ( 'til' ) . indreHTML = ' Tidligere søskende til tredje element er : ' + vare ;
manuskript >
Ifølge ovenstående kodestykke:
- Variablen 'item' bruger først ' getElementById() '-metoden for at få adgang til det målrettede listeelement ved hjælp af dets id 'tredje' og derefter anvende ' forrigeElementSøskende ” ejendom for at få sin tidligere søskende.
- Derefter vil ' getElementById() ”-metoden får adgang til det tilføjede tomme afsnit ved hjælp af dets id 'para' for at tilføje det med 'item'-variablens værdi, dvs. tidligere søskende.
Produktion
Som det ses, viser resultatet den tidligere søskende til det målrettede element, dvs. (JavaScript).
Konklusion
JavaScript giver det foruddefinerede DOM-element ' forrigeElementSøskende ” egenskab for at hente den tidligere søskende til et element. Det returnerer den forrige søskende til et element fra det samme træniveau, hvor målelementet ligger. Dette indlæg forklarede dybt HTML DOM-elementet 'previousElementSibling'-egenskaben i JavaScript.