XML DOM
DOM (Model Objek Dokumen) mentakrifkan kaedah standard untuk mengakses dan memanipulasi dokumen.
XML DOM
XML DOM (Model Objek Dokumen XML) mentakrifkan kaedah standard untuk mengakses dan memanipulasi dokumen XML.
XML DOM Lihat dokumen XML sebagai struktur pokok.
Semua elemen boleh diakses melalui pepohon DOM. Kandungan mereka boleh diubah suai atau dipadamkan, dan elemen baharu dicipta. Elemen, teksnya dan atributnya semuanya dianggap nod.
Anda boleh mengetahui lebih lanjut mengenai XML DOM dalam tutorial XML DOM kami.
HTML DOM
HTML DOM mentakrifkan cara standard untuk mengakses dan memanipulasi dokumen HTML.
Semua elemen HTML boleh diakses melalui DOM HTML.
Anda boleh mengetahui lebih lanjut tentang HTML DOM dalam tutorial HTML DOM kami. .
Memuatkan fail XML - contoh silang penyemak imbas
Contoh di bawah menghuraikan dokumen XML ("note.xml") ke dalam objek XML DOM dan kemudian mengekstrak beberapa melalui JavaScript Maklumat:
Instance
<html>
<body>
<h1>php.cn</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Nota penting!
Untuk mengekstrak teks "Tove" daripada <to> elemen fail XML di atas ("note.xml"), sintaksnya ialah:
Perhatikan bahawa walaupun fail XML mengandungi hanya satu elemen <to>, anda masih mesti menentukan indeks tatasusunan [0]. Ini kerana kaedah getElementsByTagName() mengembalikan tatasusunan.
Memuatkan rentetan XML - contoh silang penyemak imbas
Contoh berikut menghuraikan rentetan XML ke dalam objek XML DOM dan kemudian mengekstrak beberapa maklumat melalui JavaScript:
Instance
<html>
<body>
<h1>PHP.CN</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat instance dalam talian
