XML DOM
DOM (Document Object Model Document Object Model) mendefinisikan cara standar untuk mengakses dan memanipulasi dokumen.
XML DOM
XML DOM (XML Document Object Model) mendefinisikan metode standar untuk mengakses dan memanipulasi dokumen XML.
XML dokumen XML DOM sebagai tampilan pohon.
Semua elemen dapat diakses melalui pohon DOM. Anda dapat mengubah atau menghapus isinya, dan menciptakan unsur-unsur baru. Elemen, teks mereka, dan sifat mereka, dianggap sebuah node.
Dalam kami XML DOM tutorial , Anda dapat mempelajari lebih lanjut tentang DOM XML.
HTML DOM
HTML DOM mendefinisikan sebuah cara standar untuk mengakses dan memanipulasi dokumen HTML.
Semua elemen HTML dapat diakses melalui DOM HTML.
Dalam kami HTML DOM tutorial , Anda dapat mempelajari lebih lanjut tentang HTML DOM pengetahuan. .
Loading file XML - lintas-browser misalnya
Contoh berikut dokumen XML ( " note.xml ") untuk mengurai XML DOM objek, dan kemudian untuk mengambil beberapa informasi melalui JavaScript:
contoh
<body>
<h1>W3Schools Internal Note</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>
Coba »
Catatan penting!
Untuk dari atas file XML ( "note.xml") dari <ke> elemen ekstrak teks "Tove", sintaks adalah:
Perhatikan bahwa bahkan file XML hanya berisi satu <ke> elemen, Anda masih harus menentukan indeks array [0]. Hal ini karena metode Buka menu () mengembalikan sebuah array.
Memuat string XML - Cross-browser misalnya
Contoh berikut dari string XML parsing objek XML DOM, dan kemudian untuk mengambil beberapa informasi melalui JavaScript:
contoh
<body>
<h1>W3Schools Internal Note</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>
Coba »