Document Object Model

D Is For документ

Document Object Model не могут работать без документов. Когда вы создаете веб-страницу и загрузить ее в веб-браузере, DOM вызывает к жизни. Он принимает документ, который вы написали, и превращает его в объект. Нормальную повседневную В английском языке слово "объект" не очень наглядно. Это просто означает, вещь. В Языки программирования, с другой стороны, "объект" имеет очень конкретный смысл.

Объекты желания

В конце прошлой статье, я показал вам несколько примеров Объекты В JavaScript. Вы помните, что объекты являются автономными расслоение данных. Называются переменные, связанные с объектом Свойства объекта, в то время как называются функции, которые могут быть выполнены по объекту Методы объекта. Существуют три вида объектов в JavaScript: пользовательские объекты, созданные с нуля программистом. Мы не будем иметь дело с ними. Родной объекты, такие как Array, математике и даты, которые строятся на JavaScript. Host объекты, которые предусмотрены в браузере.

С первых дней JavaScript, некоторые очень важные объекты принимающей были доступны для сценариев. Главным из них является объект окна. Этот объект является не чем иным представлением самого окна браузера. Свойства и методы объекта окна часто называются в качестве обозревателя Object Model, хотя, возможно, объект окна модель могла бы быть более семантически правильный. Браузер объектной модели имеет методы, как и window.blur window.open. Эти методы, кстати, несут ответственность за всех этих раздражающих всплывающих окон и поп-под Windows, что теперь чума Интернета.

Неудивительно, JavaScript имеет плохую репутацию! К счастью, мы не будем иметь дело с браузером объектной модели очень много. Вместо этого, я собираюсь сосредоточиться на том, что в окне браузера. Объект, который обрабатывает содержимое веб-страниц является документом объект. Для остальной части этой статьи, мы будем иметь дело почти исключительно со свойствами и методами объекта документа. Это объясняет буквы D (документа) и буква O (объект) в DOM. Но как насчет букву М?

Набирайте "М" для модели

М DOM выступает за модель, но она может так же легко стоять на карте. Модель, как и карта, является представление о чем-то. Модели поездов представляет собой реальный поезд. Карты улиц города представляет собой настоящий город. Document Object Model представляет собой веб-страницу, которая в настоящее время загружена в окне браузера. Браузер предоставляет карту (или модель) на этой странице. Вы можете использовать JavaScript, чтобы прочитать эту карту. Карт использовать конвенций, как направление, контуры, и масштаб. Для того, чтобы читать карту, вы должны понимать эти конвенции и это то же самое с Document Object Model. В целях получения информации от модели, вы должны понимать, что конвенция в настоящее время используется для представления этого документа. Самой важной Конвенции используются объектной модели документа является представление документа в виде дерева.

В частности, документ будет представлен в виде генеалогического дерева. Генеалогическое дерево является еще одним примером модели. Генеалогическое дерево представляет собой настоящую семью, описывает отношения между членами семьи, и использует соглашения, как родитель, ребенок, и брат. Они могут быть использованы для представления некоторые довольно сложные отношения: один член семьи может быть родителем для других, а также ребенком другому члену семьи, и брат еще одного члена семьи. Модель семейного дерева работает так же хорошо , представляя документ, написанный в (X) HTML. методы, предоставляемые Document Object Model:

�

getElementById

GetElementsByTagName

GetAttribute

SetAttribute

�

Эти четыре метода будет краеугольным камнем для многих сценариев DOM вы собираетесь писать. ДОМ предлагает много больше методов и свойств. Там's узла, NodeValue, ChildNodes, nextSibling и parentNode, назовем лишь некоторые из них. Но я не собираюсь объяснять тех, кто только еще-I'Ll объяснить каждый в свою очередь, как и когда они необходимы. Я упоминания их сейчас просто подогреть ваш аппетит. Вы прочитали много теории в этой статье. Надеюсь, теперь вы чешутся испытание властью DOM используя что-то помимо предупреждений ящиков. Я думаю, что пора применять DOM в тематическом исследовании.

Статья представленные Жаком Goudreau

Отказ от ответственности:Наш сайт не несет ответственности за содержание данной статьи. Webarticles это бесплатный информационный ресурс.
Важно: Эта статья "Document Object Model" была переведена автоматическим программным обеспечением. Нам жаль любые ошибки, которые могут иметь место. Спасибо за ваше понимание.