javascript 基础，js中节点问题。文档结构问题。text节点问题

什么是节点？

节点代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点。

 节点拥有改变文档结构的能力：如增(appendChild)、删(removeChild)、改(replaceChild)、插(inertBefore)等方法，此类方法都是属于操作文档结构的方法。

 节点原型图：

 

什么文本节点？

 文本节点是最小的节点，不能包含其他节点，仅供文本。所以文本节点没有子节点，子节点个数永远为0。文本节点可以通过父元素的appendChild进行添加。

 文本节点拥有对文本进行处理的能力：replaceWholeText、spliteText等。

文本节点继承至CharacterData，而CharacterData却继承至Node。

 文本节点原型图：

 

什么是元素？

元素表示文档中的元素。元素可拥有属性节点、文本节点。

 元素拥有对文档结构进行查询的能力：如getElementsByTagName、getElementsByClassName、querySelectorAll。

元素还拥有对自身属性进行操作的能力：如setAttribute、getAttribute等。

 此外，你要记得，元素也是节点，因为元素继承至节点，拥有节点所有的能力（即对文档的增删改插）。

 元素原型图：

 什么是html元素节点？

html元素节点是html文档的组成重要部分。

 与元素节点不同的是，html元素拥有很多特定的，用于表示、显示的属性，如id、class、height、width、style等。元素没有大小，没有轮廓，没有样式，而HTML元素就是为显示而诞生的，所以HTML元素拥有大小、轮廓、样式等外观，可以让你直接在浏览器里看的一清二楚（xml里面的都是元素节点，所以xml是用于数据传输用的，看不到外观，html是显示用的，可以看到外观。）

 HTML元素继承至元素，所以html元素也是间接继承至节点。

 HTML元素原型图：

原型里没有很多属性，是因为需要实例化该类的时候才会赋予属性，我框出来的都是html才拥有的属性。