JavaScript通过HTML DOM创建动态HTML

HTML DOM （文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树。

HTML元素之间的继承关系

DOM为常用的HTML元素提供了一套完整的继承体系，从页面的document对象到每个常用的HTML元素，DOM模型都提供了对应的类，每个类都提供了相应的方法来操作DOM元素本身、属性和其子元素。DOM模型允许以树的方式操作HTML文档中的每个元素。其中，Node，Document，Element，HTMLElement都是普通HTML元素的超类，不直接对应于HTML页面控制，但他们包含的方法可以被其他页面元素调用。

Document对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问（window常省略）。Document对象中的属性或方法可以用Document.xxx的方式访问或调用。

Element对象

在 HTML DOM 中，Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。Element对象中的属性或方法可以用element.xxx的方式访问或调用（element代指元素节点对象，示例如下增加元素的示例）。