DOM 替换节点

---

replaceChild() 方法替换指定的节点.

nodeValue 属性替换文本节点中的文本。

---

尝试一下 - 实例

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

替换元素节点
本例使用replaceChild（）替换第一个<book>节点。

替换文本节点中的数据
本例使用nodeValue属性替换文本节点中的数据。

×

Header

---

替换元素节点

replaceChild() 方法用于替换节点。

以下代码片段替换第一个 <book>元素:

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement;

//create a book element, title element and a text node
newNode=xmlDoc.createElement("book");
newTitle=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("A Notebook");

//add the text node to the title node,
newTitle.appendChild(newText);
//add the title node to the book node
newNode.appendChild(newTitle);

y=xmlDoc.getElementsByTagName("book")[0]
//replace the first book node with the new node
x.replaceChild(newNode,y); 尝试一下 »

实例说明:

1. 将 "books.xml"加载到 xmlDoc 中
2. 创建新元素节点 <book>
3. 创建新元素节点 <title>
4. 用文本"A Notebook"创建一个新的文本节点
5. 将新文本节点附加到新元素节点 <title>
6. 将新元素节点<title>附加到新元素节点 <book>
7. 将第一个<book>元素节点替换为新的<book>元素节点

---

---

替换文本节点中的数据

replaceData() 方法用于替换文本节点中的数据。

replaceData() 方法有三个参数:

• offset - 从何处开始替换字符。偏移值从零开始
• length - 要替换多少个字符
• string - 要插入的字符串

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];

x.replaceData(0,8,"Easy"); 尝试一下 »

实例说明:

1. 将"books.xml"加载到 xmlDoc 中
2. 获取第一个<title> 元素节点的文本节点
3. 使用replaceData方法将文本节点的前八个字符替换为"Easy"

---

改用nodeValue属性

使用nodeValue属性更容易替换文本节点中的数据。

以下代码片段将第一个<title>元素中的文本节点值替换为 "Easy Italian":

实例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];

x.nodeValue="Easy Italian"; 尝试一下 »

实例说明:

1. 将 "books.xml"加载到 xmlDoc 中
2. 获取第一个<title>元素节点的文本节点
3. 使用nodeValue属性更改文本节点的文本

您可以在更改节点一章中阅读有关更改节点值的更多信息 更改节点章节.