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……>
控件。 -
HTMLInputElement:代表HTML文档中的单行文本框、密码框、按钮等控件
-
HTMLTableElement:代表HTML文档中的表格控件。
-
HTMLTableCaptionElement:代表HTML中表格的标题控件。
-
HTMLTableRowElement:代表HTML中表格的表格行控件。
-
HTMLTableColELement:代表HTML中表格的表格列控件。
-
HTMLTableCellElement:代表HTML中表格的单元格控件。
-
HTMLTextAreaElement:代表HTML中的多行文本域控件。
-
HTMLOLElement:代表HTML文档中的有序列表控件。
-
HTMLULElement:代表HTML文档中的无序列表控件。
-
HTMLLIElement:代表HTML翁当中的列表项控件。(不常用,之后自己研究一下)