Element 和 Node 到底是个什么东西？

Node与Element的关系

Node与Element的关系，从继承方面思考可能清晰很多。

Element 继承于 Node，具有Node的方法，同时又拓展了很多自己的特有方法。

在Element的一些方法里，是明确区分了Node和Element的
比如说：childNodes与 children, parentNode与parentElement等方法。

Node的一些方法，返回值为Node，比如说文本节点，注释节点之类的，而Element的一些方法，返回值则一定是Element。
区分清楚这点了，也能避免很多低级问题。

简单的说就是Node是一个基类，DOM中的Element，Text和Comment都继承于它。
换句话说，Element，Text和Comment是三种特殊的Node，它们分别叫做ELEMENT_NODE,
TEXT_NODE和COMMENT_NODE。

所以我们平时使用的html上的元素，即Element，是类型为ELEMENT_NODE的Node。

总结：

1. Node是节点，其中包含不同类型的节点，Element只是Node节点的一种。
2. Element继承与Node，可以调用Node的方法。
3. 给所有DOM元素添加方法，只需要污染Node或者Element的原型链就行。
4. 你在XML中 你就把还有子标签的节点为Element 没有的就直接Node就差不多，但Element自己有自己的Node 就像什么文本节点，注释节点之类的，主要还得实操和知道JS的DOM.

所以 别混淆  素材来源 -- 知乎 -- 迦南（貌似也不是原创..）