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

亲自试一试