Semalt: Атрыбуты элементаў. Усё, што трэба ведаць

Аб'ектная мадэль дакумента (DOM) - інтэрфейс праграмнага прымянення (API) для добра структураваных дакументаў XML і HTML. API вызначае канчатковую структуру дакументаў, спосаб атрымаць доступ да іх і як доступ да вэб-скрабкоў і апісвае дакументы ў Інтэрнэце.

DOM працуе на пошук і змяненне атрыбутаў, прысутных у элементах HTML. З дапамогай Dom вы можаце атрымаць доступ да атрыбутаў элементаў і стыляў, якія выкарыстоўваюцца ў пэўным дакуменце. З дапамогай некалькіх метадаў выскрабання вы можаце атрымаць фонавы малюнак мэтавага дакумента.

HTML-вузлы DOM

Што тычыцца JavaScript, DOM называюць стандартам Сусветнага кансорцыума Інтэрнэт (W3C). Dom выкарыстоўваецца для вызначэння і ілюстрацыі стандарту для доступу да дакументаў. Мадэль дазваляе сцэнарыям і праграмам абнаўляць і атрымліваць доступ да структуры, якая выкарыстоўваецца для напісання дакумента.

Што тычыцца HTML DOM, усё можна разглядаць як вузел. Напрыклад:

  • Усе атрыбуты HTML - гэта атрыбуты;
  • Каментарыі - гэта вузлы каментарыяў;
  • Усе элементы HTML - гэта элементы вузлоў;
  • Сам дакумент называецца вузлом дакумента;

Мадэль аб'ектнага дакумента выкарыстоўваецца для доступу і маніпулявання элементамі ў дакументах XML і HTML. Элементы арганізаваны і кіруюцца ў структуру дадзеных (падобную на дрэва), якую можна лёгка перамяшчаць для навігацыі і мадыфікацыі. Вы можаце дадаць класы ў DIV, цела або HTML элемент з дапамогай каскадных табліц стыляў (CSS) або ўзаемадзейнічаць з элементамі з дапамогай JS.

Што трэба ведаць пра ўласцівасці атрыбутаў

Даступ да вузлоў і маніпуляванне можна выкарыстоўваць з дапамогай адпаведных нумароў індэксаў, дзе мінімальны індэкс - "0". Уласцівасць атрыбутаў працуе, вяртаючы падрабязную калекцыю атрыбутаў канкрэтнага вузла, як аб'ект NamedNodeMap. Звярніце ўвагу, што лічбавая індэксацыя дапаможа вам прайсці атрыбут элемента.

Атрыбут элемента

Уласцівасць атрыбута элемента вяртае дапушчальную калекцыю ўсіх вузлоў атрыбутаў, зарэгістраваных на пэўным вузле. Простымі словамі, гэта NamedNodeMap. Такім чынам, яму не хапае метадаў Array. Вузлы Attribute (пара радкоў, якія прадстаўляюць любыя дадзеныя адносна дадзенага атрыбута) могуць адрознівацца ў залежнасці ад выкарыстоўванага браўзэра.

У гэтым паведамленні NamedNodeMap Object абазначае неструктураваную калекцыю вузлоў атрыбутаў пэўнага элемента. Вам не прыйдзецца панікаваць у адпаведным браўзэры, які вы выкарыстоўваеце. Аб'ект NamedNodeMap і аб'ект Attribute падтрымліваюцца ў асноўных вэб-браўзэрах.

Аб'ект NamedNodeMap складаецца з уласцівасці даўжыні, якую вы можаце выкарыстоўваць, каб вызначыць дакладную колькасць атрыбутаў. Вызначыўшы агульную колькасць атрыбутаў у дакуменце, прабярыце вузлы атрыбутаў і распакуйце мэтавую інфармацыю. Пры атрыманні дадзеных з тэксту ўлічвайце, што атрыбуты HTML таксама называюцца вузламі атрыбутаў, якія змяшчаюць уласцівасці для вашага аб'екта Attribute.

Для аматараў Internet Explorer неабходна адзначыць, што ўласцівасць атрыбутаў імкнецца вярнуць падрабязную калекцыю магчымых атрыбутаў для пэўнага элемента. Пасля таго, як генеруецца вузел DOM для любога элемента HTML, многія атрыбуты адносяцца да атрыбутаў з аднолькавымі імёнамі. Пры распрацоўцы зыходнага кода HTML вы можаце вызначыць атрыбуты вашых элементаў HTML. Пасля таго, як ваш браўзэр разбярэ ваш сцэнар, будзе створаны адпаведны DOM з аналагічным вузлом. Адпаведны вузел называецца аб'ектам.