DOM模型和HTML文档

HTML元素之间的继承关系

虽然JavaScript不是一门纯粹的面向对象语言，但DOM还是为HTML元素提供了一种简单的继承关系。DOM模型里HTML元素的继承关系如图所示。

图中粗线框框出的4个元素：Node、Document、Element、HTMLElement都是普通HTML元素的超类，不直接对应于HTML页面控件，但他们所包含的方法也可被其他页面元素调用。除此之外，还有如下常用的HTML元素。

• HTMLDocument：代表HTML文档本身
• HTMLBodyElement：代表HTML文档中的**<body…/>控件**
• HTMLDivElement：代表HTML文档中的**<div…/>控件**
• HTMLFormElement：代表HTML文档中表单控件
• HTMLSelectElement：代表HTML文档中的列表框、下拉列表控件
• HTMLOptionElement：代表HTML文档中的列表框选项控件
• HTMLIFrame：代表HTML文档中的**<iframe…/>控件**
• HTMLInputElement: 代表HTML文档中的单行文本框、密码框、按钮等控件
  /********************************************************************************************/
• HTMLTableElement: 代表HTML文档中的表格控件
• HTMLTableCaptionElement:代表HTML文档中表格的标题控件
• HTMLTableRowElement:代表HTML文档中表格的表格行控件
• HTMLTableColElement:代表HTML文档中表格的列控件
• HTMLTableCellElement:代表HTML文档中表格的单元格控件
• HTMLTextAreaElement:代表HTML文档中的多行文本域控件
• HTMLOLElement:代表HTML文档中的有序列表控件
• HTMLULElement:代表HTML文档中的无序列表控件
• HTMLLIElement:代表HTML文档中的列表项控件
  HTML元素之间的父子关系有比较严格的限制。例如，HTMLCellElement通常只能作为HTMLColElement的子元素使用

HTML元素之间常见的包含关系

HTML文档中还有两个对象体系：表单对象和表格对象
表单对象里可以可以包含基本的输入输出对象，还可以包含<select…/>元素，<select…/>元素可以包含多个<option…/>元素
表格对象可以包含标题控件，还可以包含多个表格行控件，每个表格行又可以包含多个单元格控件。