Šajā ziņā ir izskaidrots HTML DOM elementa rekvizīts “previousElementSibling”, izmantojot JavaScript.
Kas ir HTML DOM elementa rekvizīts “previousElementsibling”?
DOM (dokumenta objekta modelis) elements ' iepriekšējaisElementsBrālis ” ir tikai lasāms rekvizīts, kas palīdz izgūt tā paša koka elementa iepriekšējo brāli. Šis rekvizīts atgriež iepriekšējā brāļa un māsas saturu.
Sintakse
elements. iepriekšējaisElementsBrālis
Šī sintakse atgriež ' virkne ', kas satur iepriekšējā brāļa un māsas HTML saturu, un ' null ” ja tā neeksistē.
Praktiski izmantosim iepriekš definēto sintaksi, lai parādītu rekvizīta “previousElementSibling” darbību.
Piemērs: īpašuma “previousElementsibling” izmantošana, lai atgrieztu iepriekšējā brāļa un māsas saturu
Šajā piemērā tiek lietots JavaScript rekvizīts “previousElementSibling”, lai iegūtu iepriekšējā brāļa un māsas HTML saturu.
HTML kods
Pirmkārt, pārskats par šo HTML kodu:
< ul >< ka id = 'pirmais' > HTML < / ka >
< ka id = 'otrais' > CSS < / ka >
< ka id = 'trešais' > JavaScript < / ka >
< / ul >
< lpp id = 'priekš' >< / lpp >
Iepriekš minētajās koda rindās:
- '
- Nesakārtotajā sarakstā vairāki vienumi ir iegulti, izmantojot “
” tagu ar tiem piešķirtajiem ID. - Visbeidzot, ' ” tags iegulst tukšu rindkopu ar unikālu id “para”.
JavaScript kods
Tagad turpiniet ar JavaScript kodu:
< skripts >let prece = dokumentu. getElementById ( 'trešais' ) . iepriekšējaisElementsBrālis . innerHTML ;
dokumentu. getElementById ( 'priekš' ) . innerHTML = ' Iepriekšējais trešā vienuma brālis ir : ' + lieta ;
skripts >
Saskaņā ar iepriekš minēto koda fragmentu:
- Mainīgais “prece” vispirms izmanto “ getElementById() ”, lai piekļūtu atlasītajam saraksta vienumam, izmantojot tā ID “trešais”, un pēc tam lietotu “ iepriekšējaisElementsBrālis ” īpašumu, lai iegūtu savu iepriekšējo brāli un māsu.
- Pēc tam ' getElementById() metode piekļūst pievienotajai tukšajai rindkopai, izmantojot tās id “para”, lai pievienotu tai mainīgā “item” vērtību, t.i., iepriekšējo brāli.
Izvade
Kā redzams, rezultāts parāda atlasītā vienuma iepriekšējo brāli, t.i., (JavaScript).
Secinājums
JavaScript nodrošina iepriekš definētu DOM elementu ' iepriekšējaisElementsBrālis ”, lai izgūtu elementa iepriekšējo brāli. Tas atgriež elementa iepriekšējo brāli no tā paša koka līmeņa, kurā atrodas mērķa elements. Šī ziņa dziļi izskaidroja HTML DOM elementa “previousElementSibling” rekvizītu JavaScript.