Преглед садржаја
У првом дијелу овог водича видјели смо како је ДОМ структуриран и како функционира, у овом ћемо наставити радити с њим како бисмо проширили његове функционалности и били у могућности манипулирати свим елементима нашег ХТМЛ документа.Рад са ДОМ -ом
За приступ објекту документа користимо глобалну променљиву документа; Ова променљива је један од кључних објеката које претраживач креира за нас, јер путем овог објекта документа можемо приступити информацијама о документу у целини и даје нам индивидуални приступ сваком објекту документа.
Као и увек, погледајмо пример са којим можемо помирити теорију коју познајемо са начином на који се примењује у стварности.
ПримерПостоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.
Један од најзанимљивијих аспеката воћа је сорта доступна у свакој земљи. Живим у близини Лондона, у области која је позната по јабукама.
Код са којим користимо СУНЦЕ Прилично је кратак и једноставан, међутим обухвата различите употребе које му можемо дати. Објаснићемо код део по део да видимо како смо користили објекте.
Једна од најосновнијих радњи које можемо користити је да добијемо информације из ХТМЛ документа са којим радимо, тако да први ред који смо ставили у наш код ради управо то и можемо то видети:
доцумент.врителн ("
УРЛ: "+ доцумент.УРЛ);
У овом случају читамо вредност имовине документ.УРЛ, који враћа УРЛ тренутног документа, односно УРЛ који је претраживач користио за учитавање документа у коме имамо код.
Такође видимо како користимо врителн метод:
доцумент.врителн ("
УРЛ: "+ доцумент.УРЛ);
Ова метода једноставно додаје садржај на крај нашег ХТМЛ документа, у овом конкретном случају почињемо додавањем ознаке
а затим и својство УРЛ, са овим смо већ изменили структуру и садржај ДОМ -а.
Следеће што смо урадили је одабир свих елемената који имају ознаку п у документу, за то користимо следећи ред:
вар елемс = доцумент.гетЕлементсБиТагНаме ("п");
Како видимо метод гетЕлементсБиТагНаме То је оно што служи нашој сврси, у исто време све што ова метода прикупља додељујемо променљивој елемс.
У следећем реду радимо итерацију над променљивом елемс, добијајући додељене објекте, за сваки који ћемо поновити додаћемо ред текста са његовим ИД -ом, а касније ћемо променити његове атрибуте да бисмо изменили његов изглед .
фор (вар и = 0; и <елемс.ленгтх; и ++) {доцумент.врителн ("ИД елемента:" +елемс [и] .ид); елемс [и] .стиле.бордер = "средње двоструко црно"; елемс [и] .стиле.паддинг = "4пк"; }
Као што видимо, сваком елементу који смо ускладиштили у променљивим елементима додамо ивицу и додатно додајемо паддинг.
После свега овога, хајде да коначно видимо како све ово изгледа у прегледачу:
ЕНЛАРГЕ
Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен 
