Tutorial XML DO...login
Tutorial XML DOM
pengarang:php.cn  masa kemas kini:2022-04-13 15:27:56

Maklumat nod DOM


XML DOM Maklumat Nod


Atribut nodeName, nodeValue dan nodeType mengandungi maklumat tentang nod.


tryitimg.gifCubaCubalah - Contoh


Contoh di bawah menggunakan fail XML books.xml.
Fungsi loadXMLDoc(), terletak dalam JavaScript luaran, digunakan untuk memuatkan fail XML.

Dapatkan nama nod nod elemen
Contoh ini menggunakan atribut nodeName untuk mendapatkan nama nod unsur akar dalam "books.xml".

Dapatkan teks daripada nod teks
Contoh ini menggunakan atribut nodeValue untuk mendapatkan teks elemen <title> pertama dalam "books.xml".

Tukar teks dalam nod teks
Contoh ini menggunakan atribut nodeValue untuk menukar teks elemen <title> dalam "books.xml".

Dapatkan nama nod dan jenis nod elemen
Contoh ini menggunakan atribut nodeName dan nodeType untuk mendapatkan nama nod dan jenis elemen akar dalam "books.xml".


Atribut nod

Dalam XML DOM, setiap nod ialah objek.

Objek mempunyai kaedah dan sifat yang boleh diakses dan dimanipulasi melalui JavaScript.

Tiga atribut nod penting ialah:

  • nodeName

  • nodeValue

  • nodeType


atribut nodeName

atribut nodeName menentukan nama nod.

  • nodeName ialah baca sahaja

  • NodeName nod elemen adalah sama dengan nama tag

  • atribut Nama nod nod ialah nama atribut

  • Nama nod nod teks sentiasa #teks

  • NodeName nod dokumen sentiasa #document


atribut nodeValue

atribut nodeValue menentukan nilai nod.

  • Nilai nod nod elemen tidak ditentukan

  • Nilai nod nod teks ialah teks itu sendiri

  • atribut NodeValue nod ialah nilai atribut


Instance

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

document.write(xmlDoc.documentElement.nodeName);
</script>
</body>
</html>

Instance berjalan »

Klik butang "Run Example" untuk melihat contoh dalam talian


Dapatkan nilai elemen

Kod berikut mendapatkan semula elemen <tajuk> pertama Nilai nod teks:

Instance

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>

Jalankan Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Keputusan: txt = "Bahasa Itali Setiap Hari"

Penjelasan contoh:

  1. Gunakan loadXMLDoc() untuk memuatkan "books.xml" ke dalam xmlDoc

  2. Dapatkan nod teks nod elemen <title> pertama

  3. Tetapkan pembolehubah txt kepada nilai nod teks


Tukar nilai elemen

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";

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>

Jalankan contoh»

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

Penjelasan contoh:

  1. Gunakan loadXMLDoc() untuk memuatkan "books.xml" ke dalam xmlDoc

  2. Dapatkan nod teks bagi nod elemen <title> 🎜>

  3. Tukar nilai nod teks kepada "Memasak Mudah"


atribut nodeType

Atribut nodeType menentukan jenis nod.

nodeType ialah baca sahaja.

Jenis nod yang paling penting ialah:

节点类型NodeType
元素1
属性2
文本3
注释8
文档9
Instance

<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>

<script>
xmlDoc=loadXMLDoc("books.xml");

document.write(xmlDoc.documentElement.nodeName);
document.write("<br>");
document.write(xmlDoc.documentElement.nodeType);
</script>
</body>
</html>

Running Instance»Klik butang "Jalankan Instance" untuk melihat contoh dalam talian