DOM 中文档节点，文本节点之间的关系

来源：互联网发布：宁国市房地产数据编辑：程序博客网时间：2024/05/19 23:26

在《javascript高级程序设计》一书中的第十章开篇讲到节点层次。在此我把它的例子拿过来讲一下（按照书中的原文）

<html>    <head>        <title>Sample Page</title>    </head>    <body>        <p>Hello World!</p>    </body></html>

文档节点

书中有这样一段原话：

文档节点是每个文档的根节点。在上述例子中，文档节点只有一个子节点，即<html>元素，我们称之为：文档元素。文档元素是文档的最外层元素，文档中其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。在HTML页面中，文档元素始终是<html>元素。在XML中，没有预定义的元素，因此任何元素都可能成为文档元素。

看了这段话，我得抛出我的疑问：

文中说：在上述例子中，文档节点只有一个子节点，即<html>元素。

乍一看，这句话是不是有点问题，从上面看已经是最终的根节点了，它没有父节点，上面怎么说元素是文档节点的子节点。要想搞清楚这句话，我们先来看看上面这个例子的节点树：

这里写图片描述

从上面的例子可以看出，整个节点树就是一个文档节点。而文档节点只有一个子节点，那就是元素。

文本节点

文档节点与文本节点之间的关系如下图：

这里写图片描述

上述例子中的文本节点

这里写图片描述

原始出处：http://blog.csdn.net/tashanhongye/article/details/75666866

阅读全文

0 0