Membuat Node XML DOM

Contoh

Contoh di bawah ini menggunakan berkas XML books.xml.

Fungsi loadXMLDoc()yang berada di dalam JavaScript luaran, digunakan untuk memuat berkas XML.

Membuat nod elemen
Pembanding ini menggunakan createElement() untuk membuat satu buah nod elemen baru dan menggunakan appendChild() untuk menambahkannya ke dalam satu nod.
Membuat nod atribut melalui penggunaan createAttribute
Pembanding ini menggunakan createAttribute() untuk membuat satu buah nod atribut baru dan menggunakan setAttributeNode() untuk memasukkan nod ini ke dalam satu elemen.
Membuat nod atribut melalui penggunaan setAttribute
Pembanding ini menggunakan setAttribute() untuk membuat satu buah atribut baru untuk satu elemen.
Membuat node teks.
Pembanding ini menggunakan createTextNode() untuk membuat satu buah nod teks baru dan menggunakan appendChild() untuk menambahkannya ke dalam satu elemen.
Membuat satu buah nod CDATA section
Pembanding ini menggunakan createCDATAsection() untuk membuat satu buah nod CDATA section dan menggunakan appendChild() untuk menambahkannya ke dalam satu elemen.
Buat node comment
Pembanding ini menggunakan createComment() untuk membuat satu buah nod comment dan menggunakan appendChild() untuk menambahkannya ke dalam satu elemen.

Membuat node elemen baru.

createElement() metode menghasilkan node elemen baru:

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Membuat node elemen baru <edition>.
  3. Tambahkan node elemen ini kepada elemen <book> pertama.

TIY

Lengkapkan dan tambahkan elemen kepada semua elemen <book>:TIY

Membuat node atribut baru.

createAttribute() digunakan untuk menghasilkan node atribut baru:

xmlDoc=loadXMLDoc("books.xml");
newatt=xmlDoc.createAttribute("edition");
newatt.nodeValue="first";
x=xmlDoc.getElementsByTagName("title");
x[0].setAttributeNode(newatt);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Membuat node atribut baru "edition".
  3. Tambahkan node atribut baru ini kepada elemen <title> pertama.

TIY

Lengkapkan semua elemen <title> dengan node atribut baru:TIY

Keterangan: Jika atribut sudah ada, akan digantikan oleh atribut baru.

Membuat atribut menggunakan setAttribute().

Karena setAttribute() dapat membuat atribut baru saat atribut tidak ada, kami dapat menggunakan metode ini untuk membuat atribut baru.

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Tetapkan (membuat) atribut bernilai "first" kepada elemen <book> pertama.

TIY

Lengkapkan semua elemen <title> dengan atribut baru:TIY

Membuat node teks.

createTextNode() 方法 menghasilkan node teks baru:

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Membuat sebuah node elemen baru <edition>.
  3. Membuat node teks baru dengan teks "first".
  4. Tambahkan node teks baru kepada node elemen ini.
  5. Tambahkan node elemen baru kepada elemen <book> pertama.

TIY

Tambahkan sebuah node elemen dengan node teks kepada semua elemen <book>.TIY

Membuat sebuah node section CDATA.

createCDATASection() 方法 menghasilkan sebuah node section CDATA baru.

xmlDoc=loadXMLDoc("books.xml");
newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newCDATA);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Buat satu section CDATA baru
  3. Tambahkan section CDATA baru ini ke elemen <book> pertama

TIY

Lengkapkan dan tambahkan satu section CDATA kepada semua elemen <book>:TIY

Buat node comment

Metode createComment() membuat satu node comment baru.

xmlDoc=loadXMLDoc("books.xml");
newComment=xmlDoc.createComment("Revised March 2008");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newComment);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Buat "books.xml"Muat ke xmlDoc"
  2. Buat satu node comment baru
  3. Tambahkan node comment baru ini ke elemen <book> pertama

TIY

Lingkungan dan tambahkan satu node comment kepada semua elemen <book>:TIY