ХТМЛ ДОМ: Како се користи објектни модел документа

Овај чланак ће вам пружити детаљно и свеобухватно знање о ХТМЛ ДОМ-у, објектном моделу документа са примерима.

Објекат Доцумент представља документ који је приказан у том прозору. Објекат Доцумент има различита својства која се односе на друге објекте који омогућавају приступ и модификовање садржаја документа. У овом чланку ћемо разумети ХТМЛ ДОМ.

јава програм за проверу палиндрома

ХТМЛ ДОМ концепт

Начин приступа и модификовања документованог садржаја назива се Модел објекта документа , или ДОМ. Објекти су организовани у хијерархији. Ова хијерархијска структура односи се на организацију објеката у веб документу.





  • Објекат прозора & минус врх хијерархије. То је крајњи елемент хијерархије објеката.
  • Објекат документа & минус Сваки ХТМЛ документ који се учита у прозор постаје објектом документа. Документ садржи садржај странице.
  • Објекат обрасца & минус Све што је приложено у… ознакама поставља објекат обрасца.
  • Елементи контроле обрасца & минус Објекат обрасца садржи све елементе дефинисане за тај објекат, као што су текстуална поља, дугмад, радио дугмад и поља за потврду.

Шта је ХТМЛ ДОМ

Објектни модел документа је АПИ за програмирање докумената. Сам објектни модел веома личи на структуру докумената које моделира. На пример, узмите у обзир ову табелу преузету из ХТМЛ документа:

 
Схади Грове Еолски
Преко реке, Цхарлие Дориан

Шта ХТМЛ ДОМ НИЈЕ

Овај одељак је дизајниран да пружи прецизније разумевање модела предмета документа тако што ће га разликовати од осталих система који могу да изгледају попут њега.



Иако је на објектни модел документа снажно утицао динамички ХТМЛ, у нивоу 1 он не примењује сав динамички ХТМЛ. Конкретно, догађаји још нису дефинисани. Ниво 1 је створен да постави чврсте темеље за ову врсту функционалности пружајући робустан, флексибилан модел самог документа.

Објектни модел документа није бинарна спецификација. Програми објектног модела докумената написани на истом језику биће компатибилни са изворним кодом на више платформи, али објектни модел документа не дефинише ниједан облик бинарне интероперабилности.

Објектни модел документа није начин трајног преношења објеката у КСМЛ или ХТМЛ. Уместо да специфицира како објекти могу бити представљени у КСМЛ-у, објектни модел документа одређује како су КСМЛ и ХТМЛ документи представљени као објекти, тако да се могу користити у објектно оријентисаним програмима.



ХТМЛ ДОМ НИЈЕ

Објектни модел документа није скуп структура података, он је објектни модел који специфицира интерфејсе. Иако овај документ садржи дијаграме који приказују односе родитеља и детета, то су логички односи дефинисани програмским интерфејсима, а не прикази било које одређене интерне структуре података.

Објектни модел документа не дефинише „истинску унутрашњу семантику“ КСМЛ-а или ХТМЛ-а. Семантику тих језика дефинишу сами језици.

дубоко и плитко клонирање у јави

Објектни модел документа је програмски модел дизајниран да поштује ову семантику. Објектни модел документа нема никаквих последица за начин на који пишете КСМЛ и ХТМЛ документе, било који документ који може бити написан на тим језицима може бити представљен у објектном моделу документа.

Објектни модел документа, упркос свом имену, није конкуренција компонентном објектном моделу (ЦОМ). ЦОМ, попут ЦОРБА, је језички неовисан начин специфицирања интерфејса и објеката. Доцумент Објецт Модел је скуп интерфејса и објеката дизајнираних за управљање ХТМЛ и КСМЛ документима. ДОМ може битиимплементиран помоћу језички независних система као што су ЦОМ или ЦОРБА, такође се може применити коришћењем језичких специфичних веза попут Јава или ЕЦМАСцрипт веза наведених у овом документу.

Одакле је дошао објектни модел документа

Објектни модел документа настао је као спецификација која омогућава ЈаваСцрипт скрипте и Јава програме да буду преносиви међу веб прегледачима. Динамички ХТМЛ био је непосредни предак објектног модела документа и првобитно се о њему мислило у смислу прегледача.

Међутим, када је основана Радна група за објектни модел документа, придружили су јој се и добављачи у другим доменима, укључујући ХТМЛ или КСМЛ уреднике и спремишта докумената. Неколико ових добављача радило је са СГМЛ-ом пре него што је КСМЛ развијен као резултат, на документни објектни модел утицали су СГМЛ Гровес и ХиТиме стандард. Неки од ових добављача такође су развили сопствене објектне моделе за документе како би их обезбедилиАПИ-ји за програмирање за СГМЛ / КСМЛ уреднике или спремишта докумената, а ови објектни модели такође су утицали на објектни модел документа.

Својства ХТМЛ ДОМ-а

Погледајмо својства објеката документа којима објект документа може приступити и изменити их.

DOM-Graph
  1. Објекат прозора: Виндов Објецт је увек на врху хијерархије.
  2. Објекат документа: Када се ХТМЛ документ учита у прозор, он постаје објекат документа.
  3. Предмет обрасца: Заступљен је са облик ознаке.
  4. Објекти везе: Заступљен је са линк ознаке.
  5. Сидрени објекти: Заступљен је са а хреф ознаке.
  6. Елементи контроле обрасца: Образац може имати много контролних елемената као што су текстуална поља, дугмад, радио дугмад и поља за потврду итд.

Методе објекта документа :

  1. напиши („низ“): уписује дати низ у документ.
  2. гетЕлементБиИд (): враћа елемент који има задану вредност ид.
  3. гетЕлементсБиНаме (): враћа све елементе који имају задату вредност имена.
  4. гетЕлементсБиТагНаме (): враћа све елементе који имају дато име ознаке.
  5. гетЕлементсБиЦлассНаме (): враћа све елементе који имају дато име класе.

Проналажење ХТМЛ елемената

Када желите да приступите ХТМЛ елементима помоћу ЈаваСцрипт-а, прво морате да пронађете елементе.

Постоји неколико начина за то:

  • Проналажење ХТМЛ елемената по ид-у
  • Проналажење ХТМЛ елемената према имену ознаке
  • Проналажење ХТМЛ елемената према називу класе

Проналажење ХТМЛ елемента према ИД-у

Најлакши начин да пронађете ХТМЛ елемент у ДОМ-у је коришћењем ид-а елемента.

Пример

Проналажење ХТМЛ елемената према називу ознаке

која метода класе скенера чита низ?

Овај пример проналази елемент са ид = ”маин”, а затим проналази све

елементи унутар „маин“ -а:

Овим смо дошли до краја овог ХТМЛ ДОМ чланка. Надам се да сте разумели различите аспекте ХТМЛ ДОМ-а, објектног модела документа.

Погледајте наш који долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг чини вас вештима за рад са позадинским и предњим веб технологијама. Обухвата обуку о веб развоју, јКуери-ју, Ангулар-у, НодеЈС-у, ЕкпрессЈС-у и МонгоДБ-у.

Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре на блогу „ХТМЛ Имагес“ и јавићемо вам се.