DOM树与元素树的区别

1，DOM将文档抽象为树型结构称为DOM树，document是文档对象，指的是整个文档的内容。

2，DOM树中节点的分类，将整个文档中的内容分为5类节点，文档节点（整个文档）文本节点（标签内中的内容，空格也属于内容），元素节点，属性节点，注释节点。

3，为啥要引入元素树呢？

元素树可以看成只包含元素节点的树，将节点简单化，一般可以看作它只含有元素节点，这样是为了方便我们理解，比如，我们用node.childNodes获取该节点的所有子节点，得到的是一个包含所有节点的数组（数组里面就有可能有文本节点，属性节点啥的），如下图所示，控制台打印通过DOM树得到的某元素的所有子节点（放在一个数组中）。该数组中有9个元素，text指得是文本节点，ul标签中和每个li都有一个空格，该空格是文本节点。使用元素树获得子节点，得到的仅仅只有元素节点。该数组就只有4个节点。我们平常更多是对元素节点进行操作，所以引入元素树。

注意：元素树并不是里面只含有元素节点，它也有其他的节点，只是我们把它们忽略掉。它是由DOM树简化而来的。

元素树就是为了让人们更好的操作，理解。