✅ ХТМЛ5 - ДОМ 1. део

Преглед садржаја

Тхе СУНЦЕ који се односи на Модел објекта документаТо није ништа друго до објектно представљање елемената који се налазе у нашем ХТМЛ документу, захваљујући томе можемо успоставити дубљу везу са Јавасцрипт -ом и он постиже веома занимљиве ефекте; Међутим, да бисмо дошли до тог нивоа, морамо прво врло добро знати како се носити са ДОМ -ом за његову имплементацију и употребу.
Разумевање ДОМ -а
Проширење концепта СУНЦЕ Такође можемо додати да је то збирка објеката која представља ХТМЛ У документу унутар назива видимо шта је модел, а кључна реч коју представља представља репрезентативни модел ХТМЛ документа.
ДОМ је кључни алат у развоју ВЕБ -а, јер нам пружа мост између структуре и садржаја између наших ХТМЛ и Јавасцрипт докумената.
Модел о којем говоримо креира претраживач када тумачи ХТМЛ код, основна структура ДОМ -а се може видети на следећи начин у дијаграму на следећој слици:

Као што видимо, заснива се на хијерархијској структури, чиме постижемо да можемо користити путеве ових односа за добијање информација или структурне промене путем Јавасцрипта.
Тестирање ДОМ -а
Извршићемо неколико једноставних тестова на нашем документу како бисмо се навикли на то како са њим можете да радите. СУНЦЕ, један од првих тестова које можемо да изведемо је да проверимо да ли је функционалност доступна у документу, да видимо у следећем коду:

Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.

Овде смо урадили нешто једноставно, прво проверавамо да ли метода постоји куериСелецторАлл, ако постоји, тада променљивој додељујемо садржај свих елемената имг они имају ид паратект, док радимо проверу у случају да не успе, користимо другачији начин за добијање истих података, у овом случају то је гетЕлементБиИд а касније гетЕлементБиТагНамеНа крају, једноставно помоћу наше дефинисане променљиве пролазимо кроз њен садржај и мењамо њихова ЦСС својства.
Можда је овдје негативно што можемо видјети да ако имамо много провјера, наш код може постати сложен и нечитљив, све је ствар компромиса између онога што желимо постићи и начина на који то можемо постићи, на овај начин можемо добити резултати.
У следећем делу овог водича ћемо погледати неке напредније примере како наставити са радом са ДОМ -ом.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен