tutorial pengembangan web terbaru
 

XML DOM Tambahkan Nodes

❮ Sebelumnya Berikutnya Bab ❯

Coba Sendiri - Contoh

Contoh di bawah ini menggunakan file XML books.xml .

Tambahkan node setelah node anak terakhir
Contoh ini menggunakan appendChild() untuk menambahkan node anak untuk node yang ada.

Tambahkan node sebelum node anak tertentu
Contoh ini menggunakan insertBefore() untuk menyisipkan node sebelum node anak tertentu.

Menambahkan atribut baru
Contoh ini menggunakan setAttribute() metode untuk menambahkan atribut baru.

Menambahkan data ke node teks
Contoh ini menggunakan insertData() untuk memasukkan data ke node teks yang ada.

×

Header

Tambahkan Node - appendChild()

The appendChild() metode menambahkan node anak ke node yang ada.

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

Note: Gunakan insertBefore() jika posisi node penting.

Fragmen kode ini menciptakan sebuah elemen (<edition>) , dan menambahkan setelah anak terakhir dari pertama <book> elemen:

Contoh

newEle = xmlDoc.createElement("edition");

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

Contoh menjelaskan:

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

Fragmen kode ini melakukan hal yang sama seperti di atas, namun elemen baru ditambahkan dengan nilai:

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 node baru <edition>
  3. Buat simpul teks baru "first"
  4. Menambahkan node teks ke <edition> simpul
  5. Menambahkan <addition> node ke <book> elemen

Masukkan Node - insertBefore()

The insertBefore() metode menyisipkan simpul sebelum simpul anak tertentu.

Metode ini berguna ketika posisi node ditambahkan adalah penting:

Contoh

newNode = xmlDoc.createElement("book");

x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Buat simpul elemen baru <book>
  3. Masukkan simpul baru di depan yang terakhir <book> elemen node

Jika parameter kedua insertBefore() adalah nol, node baru akan ditambahkan setelah node anak yang ada lalu.

x.insertBefore(newNode,null) dan x.appendChild(newNode) akan baik menambahkan node anak baru ke x.

Tambahkan Atribut Baru

The setAttribute() metode menetapkan nilai atribut.

Contoh

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

Contoh menjelaskan:

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

Tidak ada metode yang disebut add Attribute()
The setAttribute() akan membuat atribut baru jika atribut tidak ada.

Note: Jika atribut sudah ada, setAttribute() metode akan menimpa nilai yang ada.

Tambahkan Teks ke Node Text - insertData()

The insertData() metode memasukkan data ke dalam simpul teks yang ada.

The insertData() metode memiliki dua parameter:

  • mengimbangi - Di mana untuk memulai memasukkan karakter (starts at zero)
  • String - String untuk menyisipkan

Fragmen kode berikut akan menambahkan "Easy" ke node teks pertama <title> elemen XML dimuat:

Contoh

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Easy ");
Cobalah sendiri "

❮ Sebelumnya Berikutnya Bab ❯