欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-24 09:45:58
...

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

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

文档节点

书中有这样一段原话:

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

看了这段话,我得抛出我的疑问:

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

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

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

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

文本节点

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

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

上述例子中的文本节点

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

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