HTML文档是一种结构化文档，虽然HTML5为html文档增加了一些自由的格式，但浏览器去解析HTML5文档时依然会把它当成格式化文档进行处理，因此能使用DOM来操作HTML5文档。
DOM为常用的HTML元素提供了一套完整的继承体系。从页面的document对象到每个常用html元素，DOM模型都提供了对应的类，每个类都提供了相应的方法来操作DOM元素本身、属性及子元素。DOM模型允许以树的方式操作HTML文档中的每个元素。
虽然javascript不是一门纯粹的面向对象语言，但DOM还是为HTML元素提供了一种简单的继承关系。DOM模型用HTML元素的继承关系如下图：
图中Node、Document、Element、HTMLElement 四个元素都是普通HTML元素的超类，不直接对应HTML控件，但是它们所包含的方法也可以被其他页面元素调用。 除此之外，还有如下常用的HTML元素。
-
HTMLDocument：代表HTML文档本身。
-
HTMLBodyElement：代表HTML文档中的
<body……>控件。 -
HTMLDivElement：代表HTML文档中的
<div……>控件。 -
HTMLFormElement：代表HTML中的表单控件。
-
HTMLSelectElement：代表HTML中的列表框、下拉列表控件。
-
HTMLOptionElement：代表HTML中的列表框选项控件。
-
HTMLIFrame：代表HTML中的
<iframe……>控件。扫描二维码关注公众号，回复： 5434484 查看本文章
-
HTMLInputElement：代表HTML文档中的单行文本框、密码框、按钮等控件
-
HTMLTableElement：代表HTML文档中的表格控件。
-
HTMLTableCaptionElement：代表HTML中表格的标题控件。
-
HTMLTableRowElement：代表HTML中表格的表格行控件。
-
HTMLTableColELement：代表HTML中表格的表格列控件。
-
HTMLTableCellElement：代表HTML中表格的单元格控件。
-
HTMLTextAreaElement：代表HTML中的多行文本域控件。
-
HTMLOLElement：代表HTML文档中的有序列表控件。
-
HTMLULElement：代表HTML文档中的无序列表控件。
-
HTMLLIElement：代表HTML翁当中的列表项控件。（不常用，之后自己研究一下）