Beranda>Tutorial Pemrograman Jaringan>Tutorial XML

XMLDOM

Penulis：Eve Cole Waktu Pembaruan：2025-01-03 19:48:01 
XMLDOM
 Dasar dari XML adalah Document Object Model (DOM). Dokumen DOM adalah sekumpulan node atau blok informasi yang disusun secara hierarkis melalui struktur hierarki ini, pengembang dapat menemukan informasi spesifik di pohon navigasi.
 DOM (Document Object Model) mendefinisikan metode standar untuk mengakses dan memanipulasi dokumen.
 XMLDOM
 XML DOM (XML Document Object Model) mendefinisikan metode standar untuk mengakses dan memanipulasi dokumen XML.
 XML DOM memandang dokumen XML sebagai struktur pohon.
 Semua elemen dapat diakses melalui pohon DOM. Isinya dapat diubah atau dihapus, dan elemen baru dapat dibuat. Elemen, teksnya, dan atributnya semuanya dianggap sebagai node.
 Anda dapat mempelajari lebih lanjut tentang XML DOM di tutorial XML DOM kami.
 HTML DOM
 HTML DOM mendefinisikan metode standar untuk mengakses dan memanipulasi dokumen HTML.
 Semua elemen HTML dapat diakses melalui DOM HTML.
 Anda dapat mempelajari lebih lanjut tentang HTML DOM di tutorial HTML DOM kami. .
 Muat file XML - contoh lintas browser
 Contoh berikut mem-parsing dokumen XML ("note.xml") menjadi objek XML DOM dan kemudian mengekstrak beberapa informasi melalui JavaScript:
 Contoh
 <html><body><h1>Catatan Internal W3Cschools</h1><div><b>Kepada:</b> <span id="to"></span><br /><b>Dari:< /b> <span id="from"></span><br /><b>Pesan:</b> <span id="message"></span></div><script>if (jendela .XMLHttpRequest){// kode untuk IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}else{// kode untuk IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET","note.xml",false);xmlhttp.send();xmlDoc=xmlhttp.responseXM L;document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;document.g etElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElemen tById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;</script></body></html>
 Cobalah »
 Catatan penting!
 Untuk mengekstrak teks "Tove" dari elemen <to> pada file XML di atas ("note.xml"), sintaksnya adalah:
 getElementsByTagName("ke")[0].childNodes[0].nodeValue
 Perhatikan bahwa meskipun file XML hanya berisi satu elemen <to>, Anda tetap harus menentukan indeks array [0]. Hal ini karena metode getElementsByTagName() mengembalikan array.
 Muat string XML - contoh lintas browser
 Contoh berikut mem-parsing string XML menjadi objek XML DOM dan kemudian mengekstrak beberapa informasi melalui JavaScript:
 Contoh
 <html><body><h1>Catatan Internal W3Cschools</h1><div><b>Kepada:</b> <span id="to"></span><br /><b>Dari:< /b> <span id="from"></span><br /><b>Pesan:</b> <span id="message"></span></div><script>txt="<note>";txt=txt+"<to>Tove</to>";txt=txt+"<from>Jani</from >";txt=txt+"<heading>Pengingat</heading>";txt=txt+"<body>Jangan lupakan saya ini akhir pekan!</body>";txt=txt+"</note>";if (window.DOMParser){parser=new DOMParser();xmlDoc=parser.parseFromString(txt,"text/xml");}else / /Internet Explorer{xmlDoc=baru ActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.loadXML(txt);}document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0] .nodeValue;document.getElementById("dari" ).innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0] .nodeValue;</script></body></html>
 Cobalah »

Di bagian selanjutnya, Anda akan mempelajari cara menampilkan data XML di halaman HTML.

Artikel Terkait