Šiame įraše paaiškinama HTML DOM elemento „previousElementSibling“ nuosavybė naudojant „JavaScript“.
Kas yra HTML DOM elemento „previousElementsibling“ ypatybė?
DOM (dokumento objekto modelio) elementas “ ankstesnisElementasBrolis ir sesuo “ yra tik skaitoma nuosavybė, padedanti nuskaityti ankstesnį elemento brolį tame pačiame medyje. Ši savybė grąžina ankstesnio brolio ir sesers turinį.
Sintaksė
elementas. ankstesnisElementasBrolis ir sesuo
Ši sintaksė grąžina ' styga “, kuriame yra ankstesnio brolio HTML turinys ir „ nulinis “, jei jo nėra.
Praktiškai naudokime aukščiau apibrėžtą sintaksę, kad parodytume, kaip veikia „ankstesnis elemento brolis“ ypatybė.
Pavyzdys: nuosavybės „ankstesnis elementas brolis“ taikymas ankstesnio brolio ir sesers turiniui grąžinti
Šiame pavyzdyje taikoma „JavaScript“ ypatybė „previousElementSibling“, kad būtų gautas ankstesnio brolio HTML turinys.
HTML kodas
Pirma, šio HTML kodo apžvalga:
< ul >< kad id = 'Pirmas' > HTML < / kad >
< kad id = 'antrasis' > CSS < / kad >
< kad id = 'trečias' > JavaScript < / kad >
< / ul >
< p id = 'dėl' >< / p >
Aukščiau pateiktose kodo eilutėse:
- „
- Netvarkingo sąrašo viduje keli elementai yra įterpti naudojant „
“ žymą su jiems priskirtais ID. - Galiausiai „ “ žyma įterpia tuščią pastraipą su unikaliu ID „para“.
JavaScript kodas
Dabar tęskite su JavaScript kodu:
< scenarijus >tegul = dokumentas. getElementById ( 'trečias' ) . AnkstesnisElementasBrolis ir sesuo . vidinis HTML ;
dokumentas. getElementById ( 'dėl' ) . vidinis HTML = ' Ankstesnis trečiojo elemento brolis yra : ' + daiktas ;
scenarijus >
Pagal aukščiau pateiktą kodo fragmentą:
- Kintamasis „elementas“ pirmiausia naudoja „ getElementById() “ metodą, kad pasiektumėte tikslinį sąrašo elementą naudodami jo ID „trečias“, tada pritaikykite „ AnkstesnisElementasBrolis ir sesuo “ nuosavybę, kad gautų ankstesnį brolį ir seserį.
- Po to „ getElementById() Metodas pasiekia pridėtą tuščią pastraipą naudodamas jos ID „para“, kad pridėtų ją su „item“ kintamojo reikšme, t. y. ankstesnis brolis ir sesuo.
Išvestis
Kaip matote, rezultatas rodo ankstesnį tikslinio elemento brolį, ty (JavaScript).
Išvada
„JavaScript“ pateikia iš anksto nustatytą DOM elementą „ AnkstesnisElementasBrolis ir sesuo ypatybę, kad būtų galima gauti ankstesnį elemento brolį. Jis grąžina ankstesnį elemento brolį iš to paties medžio lygio, kuriame yra tikslinis elementas. Šis įrašas išsamiai paaiškino HTML DOM elemento „previousElementSibling“ ypatybę „JavaScript“.