什么是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() 返回带有指定标签名的对象集合。