С JavaScript вы можете реконструировать весь HTML -документ. Вы можете добавить, удалять, изменить или переоценить элементы на странице. Чтобы изменить что -то на странице, JavaScript должен получить доступ к входу ко всем элементам в документе HTML. Этот вход вместе с методом и атрибутами элемента HTML для добавления, перемещения, изменения или удаления получают моделью объекта документа (DOM). В 1998 году W3C выпустил первую спецификацию DOM. Эта спецификация обеспечивает доступ и работу каждого отдельного элемента на странице HTML. Все браузеры выполняют этот стандарт, поэтому совместимость DOM почти трудно найти. DOM может использоваться JavaScript для чтения и изменения документов HTML, XHTML и XML.
DOM делится на разные части (ядра, XML, HTML) и уровень (DOM -уровень 1/2/3):Основной домен
Определите набор стандартов для любого структурированного объекта документа
XML Dom
Определите набор стандартов для документов XML
HTML DOM
Определите набор стандартов для документов HTML.
узелСогласно DOM, каждый компонент в документе HTML является узлом.
DOM предоставляется так:
Узлы имеют иерархические отношения друг с другом. Все узлы в документе HTML образуют дерево документов (или дерево узлов). Каждый элемент, атрибут, текст и т. Д. В документе HTML представляет узел в дереве. Дерево начинается с узла документа, и оно продолжает расширять ветви до тех пор, пока все текстовые узлы на самом низком уровне дерева не станут повсюду.
На следующей картинке показано дерево документов (дерево узла):
Дерево документов (количество узлов)См. Следующий документ HTML:
Html; </html>
Все вышеперечисленные узлы имеют отношения друг с другом. Каждый узел, кроме узлов документов, имеет родительские узлы. Например, родительские узлы <Head> и <body> являются <html> узлами, а родительские узлы текстового узла Hello World! Большинство узлов элементов имеют подмотки. Например, узел <Head> имеет суб -Node: <Title> Узел. <TILE> Существует также учебник с DOM Text Node. Когда узлы имеют один и тот же родительский узел, они являются одинаковым поколением (один и тот же узел). Например, <h1> и <p> являются их сверстниками, потому что их родительские узлы являются узлами <body>. Узлы также могут иметь потомки. Например, все текстовые узлы являются потомками узлов <html>, а первый текстовый узел - это потомство узла <head>. Узлы также могут иметь предки. Предок является родительским узлом узла или родительским узлом родительского узла и так далее. Например, все текстовые узлы могут использовать узлы <html> в качестве узлов предшественника.