javascript XML數據顯示為HTML一例
更新時間：2008年12月23日 16:00:06 作者：
通過Javascript把xml轉換成html格式輸出一列
person.htm:
<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{
// for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{
//for Mozilla, Firefox, Opera,
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("person.xml");
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("person");
for (i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myname")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myid")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>
</body>
</html>
person.xml:
<?xml version="1.0" encoding="utf-8"?>
<root>
<person>
<myname>chwuweig</myname>
<myid>123456</myid>
</person>
<person>
<myname>cig</myname>
<myid>526636</myid>
</person>
<person>
<myname>chwg</myname>
<myid>524216</myid>
</person>
</root>
復制代碼 代碼如下:
<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{
// for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{
//for Mozilla, Firefox, Opera,
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("person.xml");
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("person");
for (i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myname")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myid")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>
</body>
</html>
person.xml:
復制代碼 代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<root>
<person>
<myname>chwuweig</myname>
<myid>123456</myid>
</person>
<person>
<myname>cig</myname>
<myid>526636</myid>
</person>
<person>
<myname>chwg</myname>
<myid>524216</myid>
</person>
</root>
相關文章
一般的面向對象程序語言，有兩種繼承方法——接口繼承（interface inheritance）和實現繼承（implementation inheritance）。接口繼承只繼承方法簽名，而實現繼承則繼承實際的方法。在JavaScript中，函數沒有簽名，所以在JavaScript只支持實現繼承，而且主要是依靠原型鏈（prototype chaining）來是實現的2013-05-05
JavaScript中this也是一件很神奇 事情，在面向對象（比如java）中表示一個當前的對象引用，但是在JavaScript中this不是固定不變的，而是隨著運行環(huán)境的改變而改變2021-11-11
彈出層就是相對文檔或窗口定位的一個層，一般用來顯示提示信息、廣告等內容，還可以配合覆蓋層來鎖定頁面。2010-10-10
這篇文章主要為大家詳細介紹了微信小程序上傳圖片實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要介紹了JavaScript分秒倒計時器實現方法,可實現按照毫秒倒計時的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
Javascript/Jquery——簡單定時器的多種實現方法
本文為大家詳細介紹下使用Javascript/Jquery實現簡單的定時器，方法有多種，大家可以根據自己的喜好自由選擇，希望對大家有所幫助2013-07-07
本文主要介紹了javascript中“this”的相關知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
本文主要介紹了JavaScript函數節(jié)流的兩種寫法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了Javascript中的作用域和上下文深入理解,本文講解了作用域 VS 上下文、變量作用域、“this”上下文、執(zhí)行上下文(Execution Context)、作用域鏈等內容,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了微信小程序中如何使用flyio封裝網絡請求，Fly.js 通過在不同 JavaScript 運行時通過在底層切換不同的 Http Engine來實現多環(huán)境支持，但同時對用戶層提供統(tǒng)一、標準的Promise API,需要的朋友可以參考下2019-07-07