DOM

目标：主要介绍HTML文档的Node对象之间的关系

• EventTarget接口
• Node接口
• Document接口
• Element接口

---

整体逻辑关系

EventTarget接口

是一个由可以接收事件的对象实现的接口，并且可以为它们创建侦听器。Element，document 和 window 是最常见的事件目标，但是其他对象也可以是事件目标，比如XMLHttpRequest，AudioNode，AudioContext 等等。

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLDocument

Node接口

Node是一个接口，许多DOM类型从这个接口继承，并允许类似地处理（或测试）这些各种类型。

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Node

Document接口

Document接口描述了任何类型的文档的公共属性和方法。根据文档的类型 (例如 HTML、XML、SVG, … ), 可以使用更大的API： HTML 文档, 以text / html内容类型提供, 也实现了HTMLDocument接口，而SVG 文档实现了 SVGDocument 接口。

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Document

Element接口

Element（元素）接口是 Document的一个对象. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性。 这些继承自Element并且增加了一些额外功能的接口描述了具体的行为. 例如, HTMLElement 接口是所有HTML元素的基础接口， 而 SVGElement 接口是所有SVG元素的基本接口.

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLDocument

HTMLDivElement接口

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLDivElement