XML DOM 添加节点

添加节点 - appendChild()

appendChild() 方法将子节点添加到现有节点。

新节点可添加(追加)到任何现有的子节点之后。

注意:如果节点的位置很重要,请使用 insertBefore()。

下面的代码片段创建一个元素 (<edition>),并将其添加到第一个 <book> 元素的最后一个子元素之后:

例子 1

newEle = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

亲自试一试

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc
  2. 创建新节点 <edition>
  3. 将节点追加到第一个 <book> 元素

下面这段代码的作用与上面相同,但新元素添加了一个值:

例子 2

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("第一版");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

亲自试一试

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc
  2. 创建新节点 <edition>
  3. 创建新的文本节点 "第一版"
  4. 将这个文本节点追加到 <edition> 节点
  5. 将 <edition> 节点追加到 <book> 元素

插入节点 - insertBefore()

insertBefore() 方法在指定的子节点之前插入节点。

如果被添加的节点的位置很重要,此方法很有用:

实例

newNode = xmlDoc.createElement("book");

x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);

亲自试一试

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc
  2. 创建新的元素节点 <book>
  3. 将这个新节点插入到最后一个 <book> 元素节点前面
  4. 如果 insertBefore() 的第二个参数为 null,则新节点将添加到最后一个现有的子节点之后。

x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加新的子节点。

添加新属性

setAttribute() 方法设置属性的值。

如果属性不存在,则 setAttribute() 可创建一个新的属性:

实例

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","第一版");

亲自试一试

例子解释:

  1. 假设 books.xml 已加载到 xmlDoc
  2. 将第一个 <book> 元素的 "edition" 属性的值设置为 "第一版"

注意:并不存在名为 addAttribute() 的方法,如果属性不存在,setAttribute() 将创建新的属性。如果属性已存在,setAttribute() 方法将覆盖现有的值。

将文本添加到文本节点 - insertData()

insertData() 方法将数据插入现有的文本节点中。

insertData() 方法有两个参数:

  • offset - 从哪里开始插入字符(从 0 开始)
  • string - 要插入的字符串

下面的代码片段会将 "我最爱的" 添加到已加载的 XML 的第一个 <title> 元素的文本节点:

实例

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"我最爱的");

亲自试一试