js html导航栏,JavaScript HTML DOM 导航

子节点和节点值

DOM 处理中的一种常见错误是认为元素节点中包含文本。

实例：

DOM 教程

(上面例子中的)元素节点

不包含文本。

它包含了值为 "DOM 教程" 的文本节点。

文本节点的值能够通过节点的 innerHTML 属性进行访问：

var myTitle = document.getElementById("demo").innerHTML;

访问 innerHTML 属性等同于访问首个子节点的 nodeValue：

var myTitle = document.getElementById("demo").firstChild.nodeValue;

也可以这样访问第一个子节点：

var myTitle = document.getElementById("demo").childNodes[0].nodeValue;

以下三个例子取回

元素的文本并复制到

元素中：

实例 1

我的第一张页面

Hello!

document.getElementById("id02").innerHTML = document.getElementById("id01").innerHTML;

实例 2

我的第一张页面

Hello!

document.getElementById("id02").innerHTML = document.getElementById("id01").firstChild.nodeValue;

实例 3

我的第一张页面

Hello!

document.getElementById("id02").innerHTML = document.getElementById("id01").childNodes[0].nodeValue;