14

作为标题。

有没有介绍 HTML DOM 结构的图片？

4

2 回答 2

21

DOM（文档对象模型）从document节点开始。它被称为“根节点”。

观察以下树（nodeType括号中对应的 s）：

[HTMLDocument](9)
    [DocumentType](10)
    [HTMLHTMLElement](1)
        [HTMLHeadElement](1)
            [HTMLTitleElement](1)
                [Text]Title(3)
        [HTMLBodyElement](1)

树¹将由以下标记形成：

<!DOCTYPE HTML><html><head><title>Title</title></head></body></html>

请注意明显缺少空格。添加空格会将文本节点添加到文档树中，并且显然会使模拟变得更加困难。

该window对象不是 DOM 的一部分。它是作为“全局对象”实现的宿主对象，以完成一个 ECMAScript 实现。它有自己的标准，可从 W3C 获得。尽管需要全局对象来完成 ECMAScript 实现，但 DOM 不是。这在 node.js 环境中得到了例证。

¹ 某些环境会忽略 doctype 节点。我观察到 Opera 5-9 和 Safari 3.1 是表现出这种行为的环境。

于 2012-04-09T01:51:15.717 回答
-7

窗口没有公共标准，但大多数浏览器都以 Window 为根支持它。我在以下网址找到了很多好东西：http ://www.w3schools.com （我与该网站没有任何联系）。

一个简单的谷歌搜索“dom html”图像会得到你的图像。然后...

当一切都失败了 - 去源头：http ://www.w3.org/TR/DOM-Level-2-HTML/html.html

于 2012-04-08T12:13:05.343 回答