前端学习js篇01——元素节点，属性节点，文本节点，节点属性

前言

简单分清元素节点，属性节点，文本节点，以及节点属性

正文

先看一张图

1.黑色框的就是元素（element）节点了，通俗的说，html的标签都可以称为元素节点。

2.红色框的就是属性（attr）节点了，它与元素节点是父子关系。

3.蓝色框就是文本（text）节点了，它与元素节点是父子关系，但是与属性不是兄弟关系。

4.节点属性，就是以上的三种节点的属性，如nodeType（节点类型），nodeName（节点名字）等。