tutorial pengembangan web terbaru
 

XML DOM Buat Nodes


Coba Sendiri - Contoh

Contoh di bawah ini menggunakan file XML books.xml .

Buat simpul elemen
Contoh ini menggunakan createElement() untuk membuat simpul elemen baru, dan appendChild() untuk menambahkannya ke node.

Buat simpul atribut menggunakan createAttribute
Contoh ini menggunakan createAttribute() untuk membuat node atribut baru, dan setAttributeNode() untuk memasukkannya ke elemen.

Buat simpul atribut menggunakan setAttribute
Contoh ini menggunakan setAttribute() untuk membuat atribut baru untuk sebuah elemen.

Buat simpul teks
Contoh ini menggunakan createTextNode() untuk membuat simpul teks baru, dan appendChild() untuk menambahkannya ke elemen.

Buat CDATA bagian simpul
Contoh ini menggunakan createCDATAsection() untuk membuat CDATA bagian node, dan appendChild() untuk menambahkannya ke elemen.

Buat komentar simpul
Contoh ini menggunakan createComment() untuk membuat komentar node, dan appendChild() untuk menambahkannya ke elemen.

×

Header


Buat Node Baru Element

The createElement() metode menciptakan simpul elemen baru:

Contoh

newElement = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newElement);
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Buat simpul elemen baru <edition>
  3. Menambahkan node elemen pertama <book> elemen

Loop melalui dan menambahkan elemen untuk semua <book> elemen: Coba sendiri


Buat Atribut Node Baru

The createAttribute() digunakan untuk membuat node atribut baru:

Contoh

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Buat simpul atribut baru "edition"
  3. Mengatur nilai node atribut untuk "first"
  4. Tambahkan new simpul atribut untuk pertama <title> elemen

Loop melalui semua <title> elemen dan menambahkan node atribut baru: Cobalah sendiri

Jika atribut sudah ada, maka diganti dengan yang baru.


Buat Atribut Menggunakan setAttribute()

Karena setAttribute() metode menciptakan atribut baru jika atribut tidak ada, dapat digunakan untuk membuat atribut baru.

Contoh

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

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Mengatur atribut "edition" nilai "first" untuk pertama <book> elemen

Loop melalui semua <title> elemen dan menambahkan atribut baru: Cobalah sendiri


Buat Node Teks

The createTextNode() metode menciptakan node teks baru:

Contoh

newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);

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

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Buat simpul elemen baru <edition>
  3. Buat simpul teks baru dengan teks "first"
  4. Menambahkan node teks baru ke node elemen
  5. Menambahkan node elemen baru yang pertama <book> elemen

Tambahkan elemen node, dengan node teks, untuk semua <book> elemen: Coba sendiri


Buat CDATA Bagian Node

The createCDATASection() metode menciptakan CDATA bagian node baru.

Contoh

newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");

xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA);
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Buat CDATA bagian node baru
  3. Menambahkan node CDATA baru untuk pertama <book> elemen

Loop melalui, dan menambahkan bagian CDATA, semua <book> elemen: Coba sendiri


Buat Komentar Node

The createComment() metode menciptakan komentar node baru.

Contoh

newComment = xmlDoc.createComment("Revised March 2015");

xmlDoc.getElementsByTagName("book")[0].appendChild(newComment);
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc menggunakan
  2. Buat komentar node baru
  3. Menambahkan komentar node baru untuk pertama <book> elemen

Loop melalui, dan menambahkan komentar node, semua <book> elemen: Coba sendiri