DOM 更改节点

---

nodeValue 属性用于更改节点值。

setAttribute() 方法用于更改属性值。

---

尝试一下 - 实例

下面的实例使用XML文件books.xml.

更改元素的文本节点
本例使用nodeValue属性更改"books.xml"中第一个<title> 元素的文本节点。

使用 setAttribute 更改属性的值
本例使用setAttribute（）方法更改第一个<book>的"category" 属性的值。

使用 nodeValue 更改属性的值
本例使用nodeValue属性更改第一个<book>的"category"属性的值。

×

Header

---

更改元素的值

在DOM中，一切都是一个节点。元素节点没有文本值。

元素节点的文本值存储在子节点中。此节点称为文本节点。

要更改元素的文本值，必须更改元素的文本节点的值。

---

更改文本节点的值

nodeValue 属性可用于更改文本节点的值。

假设 "books.xml"已加载到 xmlDoc 中。

此代码更改第一个<title>元素的文本节点值:

实例

xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "new content" 尝试一下 »

实例说明:

1. 假设 "books.xml"被加载到 xmlDoc 中
2. 获取<title>元素的第一个子节点
3. 将节点值更改为 "new content"

循环并更改所有<title>元素的文本节点:亲自试一试

---

Advertisement

-->

---

更改属性的值

在DOM中，属性是节点。与元素节点不同，属性节点具有文本值。

更改属性值的方法是更改其文本值。

这可以使用setAttribute（）方法或设置属性节点的nodeValue属性来完成。

---

使用setAttribute（）更改属性

setAttribute() 方法更改属性的值。

如果属性不存在，则创建一个新属性。

此代码更改<book>元素的category属性:

实例

xmlDoc.getElementsByTagName("book")[0].setAttribute("category","food"); 尝试一下 »

实例说明:

1. 假设"books.xml" 被加载到 xmlDoc 中
2. 获取第一个<book>元素
3. 将"category"属性值改为"food"

循环所有<title>元素并添加一个新属性:Try it yourself

注释: 如果该属性不存在，则将创建新属性（指定名称和值）。

---

使用nodeValue更改属性

nodeValue 属性是属性节点的值.

更改value属性将更改属性的值。

实例

xmlDoc.getElementsByTagName("book")[0].getAttributeNode("category").nodeValue = "food"; 尝试一下 »

实例说明:

1. 假设"books.xml"被加载到 xmlDoc 中
2. 获取第一个<book>元素的"category"属性
3. 将属性节点值更改为"food"