Ipinapaliwanag ng post na ito ang HTML DOM element na “previousElementSibling” property gamit ang JavaScript.
Ano ang HTML DOM Element na 'previousElementSibling' Property?
Ang elemento ng DOM (Document Object Model) na “ nakaraangElementSibling Ang ” ay isang read-only na property na nakakatulong upang mabawi ang dating kapatid ng isang elemento sa parehong puno. Ibinabalik ng property na ito ang nilalaman ng dating kapatid.
Syntax
elemento. nakaraangElementSibling
Ibinabalik ng syntax na ito ang ' string ” na naglalaman ng HTML na nilalaman ng dating kapatid, at “ wala ” kung wala ito.
Gamitin natin ang natukoy na syntax sa itaas nang praktikal upang ipakita ang paggana ng property na 'previousElementSibling'.
Halimbawa: Paglalapat ng 'previousElementSibling' Property para Ibalik ang Content ng Nakaraang Kapatid
Inilalapat ng halimbawang ito ang JavaScript na 'previousElementSibling' property para makuha ang HTML na content ng dating kapatid.
HTML Code
Una, isang pangkalahatang-ideya ng sumusunod na HTML code:
< ul >< na id = 'una' > HTML < / na >
< na id = 'pangalawa' > CSS < / na >
< na id = 'pangatlo' > JavaScript < / na >
< / ul >
< p id = 'para sa' >< / p >
Sa mga linya ng code sa itaas:
- Ang '
- Sa loob ng hindi nakaayos na listahan, maraming mga item ang naka-embed gamit ang '
” tag kasama ang kanilang mga nakatalagang id. - Panghuli, ang ' Ang tag na ” ay naglalagay ng walang laman na talata na may natatanging id na “para”.
JavaScript Code
Ngayon, magpatuloy sa JavaScript code:
< script >hayaan ang item = dokumento. getElementById ( 'pangatlo' ) . nakaraangElementSibling . panloobHTML ;
dokumento. getElementById ( 'para sa' ) . panloobHTML = ' Ang dating kapatid ng ikatlong item ay : ' + aytem ;
script >
Ayon sa snippet ng code sa itaas:
- Ang variable na 'item' ay unang gumagamit ng ' getElementById() ” paraan upang ma-access ang naka-target na item sa listahan gamit ang id nitong “ikatlo” at pagkatapos ay ilapat ang “ nakaraangElementSibling ” property para makuha ang dati nitong kapatid.
- Pagkatapos nito, ang ' getElementById() Ina-access ng paraan ng ” ang idinagdag na walang laman na talata gamit ang id nitong “para” upang idugtong ito ng value ng variable na “item” ibig sabihin, ang dating kapatid.
Output
Gaya ng nakikita, ipinapakita ng kinalabasan ang dating kapatid ng na-target na item ibig sabihin, (JavaScript).
Konklusyon
Nagbibigay ang JavaScript ng paunang natukoy na elemento ng DOM na ' nakaraangElementSibling ” property para mabawi ang dating kapatid ng isang elemento. Ibinabalik nito ang dating kapatid ng isang elemento mula sa parehong antas ng puno kung saan matatagpuan ang target na elemento. Malalim na ipinaliwanag ng post na ito ang HTML DOM element na 'previousElementSibling' na property sa JavaScript.