Menambah Node DOM XML

Menambahkan node - appendChild()

appendChild() Metode ini menambahkan node anak ke node yang ada.

Node baru dapat ditambahkan (ditempatkan) setelah setiap node anak yang ada.

注意：Jika posisi node penting, gunakan insertBefore().

Kode potongan di bawah ini membuat elemen (<edition>) dan menambahkannya setelah elemen anak terakhir elemen <book> pertama:

contoh 1

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

Coba Sendiri

例子解释：

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 创建新节点 <edition>
  3. Menambahkan node ke elemen pertama <book>.

Fungsi kode di bawah ini sama seperti yang di atas, tetapi elemen baru menambahkan nilai:

contoh 2

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("第一版");
newEle.appendChild(newText);
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

Coba Sendiri

例子解释：

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

插入节点 - insertBefore()

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

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

Contoh

newNode = xmlDoc.createElement("book");
x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);

Coba Sendiri

例子解释：

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

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

添加新属性

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

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

Contoh

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

Coba Sendiri

例子解释：

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

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

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

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

insertData() 方法有两个参数：

  • offset - 从哪里开始插入字符（从 0 开始）
  • string - String yang akan disisipkan

Kode berikut ini akan menambahkan "Saya Paling Cinta" ke node teks pertama dalam elemen <title> XML yang sudah dimuat:

Contoh

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Saya Paling Cinta");

Coba Sendiri