002-HTML元素之间的继承关系
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……>控件。html单行文本框代码怎么写
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翁当中的列表项控件。（不常⽤，之后⾃⼰研究⼀下）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。