DOM menukar nod
XML DOM Tukar nilai nod
Atribut nodeValue digunakan untuk menukar nilai nod.
kaedah setAttribute() digunakan untuk menukar nilai atribut.
Cuba - Contoh
Contoh di bawah menggunakan fail XML books.xml.
Fungsi loadXMLDoc(), terletak dalam JavaScript luaran, digunakan untuk memuatkan fail XML.
Tukar nod teks elemen
Contoh ini menggunakan atribut nodeValue untuk menukar nod teks elemen <title>
Tukar nilai atribut dengan menggunakan setAttribute
Contoh ini menggunakan kaedah setAttribute() untuk menukar nilai atribut "category" bagi <book> pertama.
Tukar nilai atribut dengan menggunakan nodeValue
Contoh ini menggunakan atribut nodeValue untuk menukar nilai atribut "kategori" bagi <book> pertama.
Tukar nilai elemen
Dalam DOM, setiap komponen ialah nod. Nod elemen tidak mempunyai nilai teks. Teks nod elemen
disimpan dalam nod anak. Nod ini dipanggil nod teks.
Cara untuk menukar teks elemen ialah menukar nilai nod anak ini (nod teks).
Tukar nilai nod teks
Atribut nodeValue boleh digunakan untuk menukar nilai nod teks.
Coretan kod berikut menukar nilai nod teks elemen <tajuk> pertama:
Contoh
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";
document.write(x.nodeValue);
</script>
</body>
</html>Jalankan Contoh»
Klik butang "Jalankan Contoh" untuk melihat contoh dalam talian
Penjelasan contoh:
Gunakan loadXMLDoc( ) untuk memuatkan "books .xml" Muatkan xmlDoc
Dapatkan nod teks bagi elemen <title> pertama
Letakkan nilai nod daripada nod teks Tukar kepada "Memasak Mudah"
Gelung dan tukar nod teks semua <tajuk> Cubalah
Tukar nilai atribut
Dalam DOM, atribut juga merupakan nod. Tidak seperti nod elemen, nod atribut mempunyai nilai teks. I
Cara untuk menukar nilai atribut ialah menukar nilai teksnya.
Ini boleh dicapai dengan menggunakan kaedah setAttribute() atau atribut nodeValue bagi nod atribut.
Tukar atribut dengan menggunakan setAttribute()
Kaedah setAttribute() menukar nilai atribut sedia ada atau mencipta atribut baharu.
Kod berikut menukar atribut kategori <book> »
Penjelasan contoh:
Gunakan loadXMLDoc() untuk memuatkan "books.xml" ke dalam xmlDoc
Dapatkan < ; elemen
Tukar nilai atribut "kategori" kepada "makanan"
Lelaran melalui semua elemen <tajuk> Sifat baharu: Cubalah
Nota: Jika sifat itu tidak wujud, buat sifat baharu (dengan nama dan nilai yang dinyatakan).
Menukar atribut dengan menggunakan nodeValue
Atribut nodeValue boleh digunakan untuk menukar nilai nod atribut:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("category","food");
document.write(x[0].getAttribute("category"));
</script>
</body>
</html> Jalankan contoh»
Klik butang "Jalankan contoh" untuk melihat contoh dalam talian
Penjelasan contoh:
Gunakan loadXMLDoc() untuk memuatkan "books.xml" ke dalam xmlDoc
Dapatkan atribut "kategori" bagi elemen <book> >
- Tukar nilai nod atribut kepada "makanan"
