Anda dapat membaca file berformat XML dalam HTML dan menampilkan seluruh isinya pada halaman HTML, yaitu menampilkan konten tag, dan menampilkan tag itu sendiri.
Dalam contoh berikut, kita membuka file XML ("cd_catalog.xml"), lalu melakukan iterasi melalui setiap elemen CD dan menampilkan nilai elemen ARTIST dan elemen TITLE dalam tabel HTML:
<html>
<tubuh>
<skrip>
jika (jendela.XMLHttpRequest)
{// kode untuk IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=XMLHttpRequest baru();
}
kalau tidak
{// kode untuk IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("DAPATKAN","cd_catalog.xml",false);
xmlhttp.kirim();
xmlDoc=xmlhttp.responseXML;
document.write("<batas tabel='1'>");
var x=xmlDoc.getElementsByTagName("CD");
untuk (i=0;i<x.panjang;i++)
{
dokumen.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
dokumen.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
dokumen.write("</td></tr>");
}
dokumen.write("</tabel>");
</skrip>
</tubuh>
</html>
Cobalah »
petunjuk:
Informasi dalam tag CDATA diteruskan secara utuh ke aplikasi oleh parser, dan tag kontrol apa pun di segmen informasi tidak diurai. Area CDATA ditandai dengan: "〈![CDATA[" sebagai tanda awal dan "]]〉" sebagai tanda akhir.
Bahkan karakter awal dan akhir serta karakter baris baru di area CDATA juga akan ditransfer (perhatikan bahwa CDATA adalah karakter huruf besar).
Untuk mempelajari lebih lanjut tentang penggunaan JavaScript dan XML DOM, kunjungi tutorial XML DOM kami.