Add Nodes in XML DOM

Idinagdag ang node - appendChild()

appendChild() Ang paraan ay nagdodagdag ng anak na node sa isang kasalukuyang node.

Ang bagong node ay maaaring idinagdag (idinagdag) sa anumang kasalukuyang anak na node.

注意：Kung ang posisyon ng node ay mahalaga, gamitin ang insertBefore().

Ang mga ito ng kodigo ay gumawa ng isang elemento (<edition>) at idinagdag ito sa huling anak ng unang elemento <book>.

Mga halimbawa 1

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

亲自试一试

例子解释：

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 创建新节点 <edition>
  3. Idinagdag ang node sa unang elemento <book>.

Ang ginagampanan ng mga ito ng mga kodigo ay katulad ng nakaraan, ngunit ang bagong elemento ay nagkaroon ng isang halaga:

Mga halimbawa 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,"我最爱的");

亲自试一试