Membuat Node DOM XML

membuat node elemen baru

createElement() metode untuk membuat node elemen baru:

Contoh 1

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

亲自试一试

Penjelasan contoh:

  1. Dengan asumsi bahwa books.xml sudah dimuat ke xmlDoc dalam
  2. membuat node elemen baru <edition>
  3. tambahkan node elemen ini ke elemen pertama <book>:

Contoh 2

mengulangi dan menambahkan elemen ke semua elemen <book>:

for (i = 0; i < xLen; i++) { 
    newEle = xmlDoc.createElement("edition");
    newText = xmlDoc.createTextNode("First Edition");
    newEle.appendChild(newText);
    x[i].appendChild(newEle);
}

亲自试一试

membuat node atribut baru

createAttribute() digunakan untuk membuat node atribut baru:

Contoh 1

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first edition";
xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);

亲自试一试

Penjelasan contoh:

  1. berasal dari file books.xml yang diambil ke xmlDoc dalam
  2. membuat node atribut baru "edition"
  3. atur nilai node atribut ini menjadi "first"
  4. tambahkan node atribut baru ini ke elemen pertama <title>:

Contoh 2

mengulangi semua elemen <title> dan menambahkan node atribut baru:

for (i = 0; i < xLen; i++) { 
    newAtt = xmlDoc.createAttribute("edition");
    newAtt.value = "first edition";
    x[i].setAttributeNode(newAtt);
}

亲自试一试

jika atribut sudah ada, digantikan dengan atribut baru.

gunakan setAttribute() untuk membuat atribut

Karena setAttribute() metode ini akan membuat atribut baru jika atribut tidak ada, sehingga ini juga dapat digunakan untuk membuat atribut baru.

Contoh 1

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first");

亲自试一试

Penjelasan contoh:

  1. Dengan asumsi bahwa books.xml sudah dimuat ke xmlDoc dalam
  2. atur nilai atribut untuk elemen pertama <book>: "edition" nilai atribut diatur menjadi "first"

Contoh 2

mengulangi semua elemen <title> dan menambahkan atribut baru:

for(i = 0; i < x.length; i++) {
    x[i].setAttribute("edition", "first edition");
}

亲自试一试

membuat node teks

createTextNode() metode untuk membuat node teks baru:

Contoh 1

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

亲自试一试

Penjelasan contoh:

  1. Dengan asumsi bahwa books.xml sudah dimuat ke xmlDoc dalam
  2. Buat node elemen baru <edition>
  3. Buat node teks baru yang mengandung teks "first"
  4. Tambahkan node teks baru ke node elemen baru
  5. Tambahkan node elemen baru ke elemen <book> pertama

Contoh 2

Tambahkan node elemen dengan node teks ke semua elemen <book>:

for (i = 0; i < xLen; i++) { 
    newEle = xmlDoc.createElement("edition");
    newText = xmlDoc.createTextNode("First Edition");
    newEle.appendChild(newText);
    x[i].appendChild(newEle);
}

亲自试一试

Buat node section CDATA

createCDATASection() Metode untuk membuat node section CDATA baru.

Contoh 1

newCDATA = xmlDoc.createCDATASection("New Year Sale & Limited Discount");
xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA);

亲自试一试

Penjelasan contoh:

  1. Dengan asumsi bahwa books.xml sudah dimuat ke xmlDoc dalam
  2. Buat node section CDATA baru
  3. Tambahkan node CDATA baru ke elemen <book> pertama

Contoh 2

Melintasi semua dan tambahkan bagian CDATA ke semua elemen <book>:

x = xmlDoc.getElementsByTagName("book");
xLen = x.length;
newtext = "New Year Sale & Limited Discount";
for (i = 0; i < xLen; i++) { 
    newCDATA = xmlDoc.createCDATASection(newtext);
    x[i].appendChild(newCDATA);
}

亲自试一试

Buat node komentar

createComment() Metode untuk membuat node komentar baru.

Contoh 1

newComment = xmlDoc.createComment("2024 年 2 月修订");
xmlDoc.getElementsByTagName("book")[0].appendChild(newComment);

亲自试一试

Penjelasan contoh:

  1. Dengan asumsi bahwa books.xml sudah dimuat ke xmlDoc dalam
  2. Buat node komentar baru
  3. Tambahkan node komentar baru ke elemen <book> pertama

Contoh 2

Melintasi semua dan tambahkan node komentar ke semua elemen <book>:

x = xmlDoc.getElementsByTagName("book");
xLen = x.length
for (i = 0; i < xLen; i++) { 
    newComment = xmlDoc.createComment("2024 年 2 月修订");
    x[i].appendChild(newComment);
}

亲自试一试