DOM 替换节点

上一节:DOM 删除节点DOM 创建节点下一节:DOM 创建节点

优化或报错有奖

replaceChild() 方法替换指定节点。

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

替换元素节点

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

下面的代码片段替换第一个 <book> 元素：

xmlDoc=loadXMLDoc("books.xml");
 
x=xmlDoc.documentElement;
 
//创建一个 book 元素、一个 title 元素，以及一个 text 节点
newNode=xmlDoc.createElement("book");
newTitle=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("Hello World");
 
//向 title 节点添加文本节点
newTitle.appendChild(newText);
 
//向 book 节点添加 title 节点
newNode.appendChild(newTitle);
 
y=xmlDoc.getElementsByTagName("book")[0];
 
//用这个新节点替换第一个 book 节点
x.replaceChild(newNode,y);

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 创建一个新的元素节点 <book>
• 创建一个新的元素节点 <title>
• 创建一个新的文本节点，带有文本 "Hello World"
• 向新元素节点 <title> 追加这个新文本节点
• 向新元素节点 <book> 追加这个新元素节点 <title>
• 用新的 <book> 元素节点替换第一个 <book> 元素节点

TIY

替换文本节点中的数据

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

replaceData() 方法有三个参数：

• offset - 在何处开始替换字符。Offset 值以 0 开始。
• length - 要替换多少字符
• string - 要插入的字符串

xmlDoc=loadXMLDoc("books.xml");
 
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
 
x.replaceData(0,8,"hello");

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 获取第一个 <title> 元素节点的文本节点
• 使用 replaceDat 方法把文本节点的前 8 个字符替换为 "hello"

TIY

使用 nodeValue 属性

用 nodeValue 属性来替换文本节点中数据会更加容易。

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

xmlDoc=loadXMLDoc("books.xml");
 
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
 
x.nodeValue="Hello World";

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 获取第一个 <title> 元素节点的文本节点
• 使用 nodeValue 属性来更改这个文本节点的文本

TIY

您可以在 改变节点 这一节中阅读更多有关更改节点值的内容。

上一节:DOM 删除节点DOM 创建节点下一节:DOM 创建节点

优化或报错有奖