设为首页
添加收藏HTML DOM 节点
在DOM中，HTML文档里的所有内容都是节点。
DOM 节点
根据DOM所述，HTML文档里的所有内容都可以看成是节点。
DOM是这样说的：
- 整个HTML文档是一个文档节点(Document)
- 每一个HTML元素是一个元素节点(Element)
- 在HTML元素里的文本是文本节点(Text)
- 每个HTML属性都是一个属性节点(Attribute)
- 注释是注释节点(Comment)
DOM 实例
请看下面的HTML文档
<html>
<head>
<title>DOM 教程</title>
</head>
<body>
<h1>DOM 节点</h1>
<p>Hello world!</p>
</body>
</html>
在上面的HTML中，<html>是根节点，文档中其他所有的节点都包含在<html>里面。
<html>节点有两个子节点，分别是<head>和<body>；
<head>节点包括一个<title>节点。<body>节点包括一个<h1>和<p>节点。
文本(Text)通常是保存在Text节点中
在处理DOM时，非常容易犯的一个错误就是使用一个元素节点去包含文本，以期望实现对文本的操作。
其实，一个元素节点的文本是保存在文本节点(text)中，而不是元素节点(element)。
在上面的例子中，<title>DOM 教程</title>，</title>这个元素节点(element)包含了一个值为“DOM 教程”的文本节点(text)。
“DOM 教程”不是<title>元素的值。
不过，在HTML DOM中， 文本节点(text)的值可以通过innerHTML属性来访问。
在后面的章节中，我们将学到关于innerHTML属性的更多内容。
HTML DOM 节点树