Крећите се по стаблу ДОМ
Као што смо споменули, навигација се може вршити кроз хијерархијску структуру визуализујући шему као дрво, на овај начин можемо третирати елементе као родитеље, децу, браћу и сестре.
Овим се може тражити елемент пратећи филозофију тражења по односу.
Погледајмо доступне методе пре него што пређемо на практичне примене:
· цхилдНодес: Враћа све подређене елементе родитељског елемента.
· прво дете: Враћа елемент који је прво дете родитељског елемента.
· хасЦхилдНодес (): Враћа труе или труе ако тренутни елемент има подређене чворове.
· ластЦхилд: Враћа последњи подређени елемент у документу.
· нектСиблинг: Враћа братски елемент дефинисан тренутним ХТМЛ елементом.
· парентНоде: Враћа родитељски елемент тренутног ХТМЛ елемента.
· превиоусСиблинг: Враћа братски елемент пре тренутног ХТМЛ елемента.
Када сазнамо које методе имамо на располагању, видећемо једноставан пример кода са којим ћемо разумети о чему се ради кроз навигацију. ДОМ дрво.ПримерПостоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.
Један од најзанимљивијих аспеката воћа је сорта доступна у свакој земљи. Живим у близини Лондона, у области која је позната по јабукама.
Родитељ Прво дете Претходни брат Следећи брат или сестра
Оно што овај код постиже је да се можете кретати по елементима и једном када их засенчи светлосивом бојом да бисте могли да разликујете у ком делу документа се налазимо, да видимо на слици како бисмо то требали видети у нашем прегледачу:
Овим смо завршили овај водич, где смо могли да тражимо елементе у ХТМЛ документу без ослањања на идентификаторе или називе елемената, једноставно користећи њихов однос у хијерархијској структури.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
