DOM节点介绍及获取节点的方式

1、DOM节点介绍

● DOM的节点分为：根节点（document）、元素节点（标签）、文本节点（标签里的内容）、属性节点（标签属性）、注释节点（注释）；

● document是根节点，但不是元素节点；

● html：最大的元素节点，又称根元素节点；

● 文本节点：包括换行和空格；

● 看下面的代码：说出div一共有几个亲儿子节点，答案是5个，，，

解释说明：不要忘记了换行符和空格，第一个节点是从“div开始后面的换行符+yiyi前面的空格+yiyi+yiyi后面的换行符+p标签前面的空格”；第二个节点是“

11111

”；第三个节点是“p标签后面的换行符+注释前面的空格”；第四个节点是“注释”；第五个节点是“注释后面的换行符+div前面的空格”。。

2、获取节点的方式

(1) childNodes属性    vs    children属性

前者是获取所有子节点；后者是获取所有子元素节点

<