Овај пост објашњава својство ХТМЛ ДОМ елемента „превиоусЕлементСиблинг“ користећи ЈаваСцрипт.
Шта је својство ХТМЛ ДОМ елемента „превиоусЕлементСиблинг“?
Елемент ДОМ (Доцумент Објецт Модел) „ превиоусЕлементСиблинг ” је својство само за читање које помаже да се преузме претходни брат елемента у истом стаблу. Ово својство враћа садржај претходног брата.
Синтакса
елемент. превиоусЕлементСиблинг
Ова синтакса враћа „ низ ” који садржи ХТМЛ садржај претходног брата и сестре, и “ нула ” ако не постоји.
Хајде да користимо горе дефинисану синтаксу практично да покажемо рад својства „превиоусЕлементСиблинг“.
Пример: Примена својства „превиоусЕлементСиблинг“ за враћање садржаја претходног брата и сестре
Овај пример примењује ЈаваСцрипт својство „превиоусЕлементСиблинг“ да би добио ХТМЛ садржај претходног брата.
ХТМЛ код
Прво, преглед следећег ХТМЛ кода:
< ул >< то ид = 'први' > ХТМЛ < / то >
< то ид = 'други' > ЦСС < / то >
< то ид = 'трећи' > ЈаваСцрипт < / то >
< / ул >
< стр ид = 'за' >< / стр >
У горњим редовима кода:
- „ <ул> ” ознака додаје неуређену листу.
- Унутар неуређене листе, више ставки је уграђено помоћу „ <то> ” са додељеним ИД-овима.
- На крају, „ <п> ” ознака уграђује празан пасус са јединственим ИД-ом „пара”.
ЈаваСцрипт код
Сада наставите са ЈаваСцрипт кодом:
< скрипта >нека ставка = документ. гетЕлементБиИд ( 'трећи' ) . превиоусЕлементСиблинг . иннерХТМЛ ;
документ. гетЕлементБиИд ( 'за' ) . иннерХТМЛ = '<б>Претходни брат треће ставке је: ' + предмет ;
скрипта >
Према горњем исечку кода:
- Променљива „итем“ прво користи „ гетЕлементБиИд() ” да бисте приступили циљаној ставци листе користећи њен ИД „трећи”, а затим применили „ превиоусЕлементСиблинг ” да добије свој претходни брат.
- Након тога, „ гетЕлементБиИд() ” метода приступа додатом празном пасусу користећи његов ИД „пара” да би му додала вредност променљиве „итем”, тј. претходни брат.
Излаз
Као што се види, резултат показује претходног брата циљане ставке, тј. (ЈаваСцрипт).
Закључак
ЈаваСцрипт обезбеђује унапред дефинисани ДОМ елемент „ превиоусЕлементСиблинг ” својство за преузимање претходног брата елемента. Враћа претходни брат елемента са истог нивоа стабла где лежи циљни елемент. Овај пост је детаљно објаснио својство ХТМЛ ДОМ елемента „превиоусЕлементСиблинг“ у ЈаваСцрипт-у.