Manual teknikal...login
Manual teknikal XML
pengarang:php.cn  masa kemas kini:2022-04-14 15:57:53

XML/HTML


Halaman HTML memaparkan data XML


Memaparkan data XML dalam halaman HTML

Dalam contoh berikut, kami membuka XML fail ("cd_catalog.xml"), kemudian lelaran melalui setiap elemen CD dan memaparkan nilai elemen ARTIST dan elemen TITLE dalam jadual HTML:

Contoh

<html>
<body>

<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","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
 { 
 document.write("<tr><td>");
 document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
 document.write("</td><td>");
 document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
 document.write("</td></tr>");
 }
document.write("</table>");
</script>

</body>
</html>

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Untuk mengetahui lebih lanjut tentang menggunakan JavaScript dan Untuk mendapatkan maklumat tentang XML DOM, sila lawati Tutorial XML DOM kami.


Laman web PHP Cina