什么是DOM?

DOM全称Document Object Model(文档对象模型)

文档:超文本文档(html、xml)

对象:提供属性和方法

模型:使用属性和方法操作标记性文档

总的来说就是使用JS中DOM提供的对象,使用这些对象的属性和方法操作标记性文档

DOM如何解析HTML?

根据HTML的层级结构,在内存中分配一个树形结构,需要把HTML中的每部分分装成对象

document对象:整个HTML文档

element对象:标签对象

属性对象:如id等

文本对象:文本内容

Node节点对象:以上所有对象的父对象

HTML DOM Document 对象及常用方法

Document 对象

当浏览器载入 HTML 文档, 它就会成为 document 对象。

document 对象是HTML文档的根节点与所有其他节点(元素节点,文本节点,属性节点, 注释节点)。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

常用方法

document.write() 将文本或标签显示在页面

document.getElementsById() 返回对拥有指定 id 的第一个对象的引用。

document.getElementsByName() 返回带有指定名称的对象集合。

document.getElementsByTagName() 返回带有指定标签名的对象集合。