经过前几篇文章的学习，对DOM有一定的了解。但这仅仅是DOM一些基础性的知识，如果要对DOM更了解，需要更深入地了解DOM节点。在这一节中，咱们将围绕DOM的节点属性、标签和内容来展开。这样我们就可以更进一步的了解它们是什么？以及它们最常的属性。

DOM节点类

DOM节点的属性取决于它们的类（class）。例如，<a>标签对应的是一个元素节点和链接a相关的属性。文本节点与元素节点不一样，但是它们之间也有相同的属性和方法，因为所有的DOM节点会形成一个DOM树。

每个DOM节点属于相应的内置类。

root是DOM树的EventTarget，它是由Node继承的，而其他DOM节点继承它。

下图可以帮助我们更易于理解：

DOM节点的类主要有：

• EventTarget：是root抽象类（Abstract Class）。该类的对象永远不会创建。它作为一个基础，因此所有的DOM节点都支持所谓的事件（Events），稍后会涉及这个
• Node：也是一个抽象类，作为DOM节点的基础。它提供了核心功能：parentNode、nextSibling、childNodes等（它们是getter）。节点类的对象没有被创建。但是，有一些具体的节点类继承了它，比如：文本节点的Text，元素节点的Element以及注释节点的Comment等
• Element：是DOM元素的基本类。它提供了元素级的搜索，比如nextElementSibling、childern、getElementsByTagName、querySelector等。在浏览器中，不仅有HTML，还有XML和SVG文档。元素类是更具体类的一些基础，比如SVGElement、XMLElement和HTMLElement
• HTMLElement：是HTML元素的基本类，它由各种HTML元素继承。比如HTMLInputElemnt（对应input元素的类）、HTMLBodyElement（对应body元素的类）和HTMLAnchorElement（对应a元素的类）等

对于HTMLElement类，还有很多其它种，比如下图所示的这些。

因此，节点的全部属性和方法都是继承的结果！

例如，DOM对象中的<input>元素。它属于HTMLElement类中的HTMLInputElement类。它将属性和方法叠加在一起：

• HTMLInputElement：提供了input指定的属性
• HTMLElement：它提供常用的HTML元素方法（getter和setter）
• Element：提供元素通用方法
• Node：提供公共的DOM节点属性
• EventTarget：提供对事件的支持（覆盖）
• 最后它继承了Object的方法（纯对象），比如hasOwnProperty

如果我们想查DOM节点类名，可以使用对象常用的constructor属性。它引用类构造函数，可以使用constructor.name来获取它的name。比如：

document.doctype.constructor.name                           // => DocumentType
document.documentElement.constructor.name                   // => HTMLHtmlElement
document.head.constructor.name                              // => HTMLHeadElement
document.body.constructor.name                              // => HTMLBodyElement
document.getElementsByTagName('div')[0].constructor.name    // => HTMLDivElement
document.getElementsByTagName('a')[0].constructor.name      // => HTMLAnchorElement

或者使用toString把它串起来，比如：

我们还可以使用instanceof来检查继承关系：

document.body instanceof HTMLBodyElement    // => true
document.body instanceof HTMLElement        /