<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:

復(fù)制代碼代碼如下:

<?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>

您可能感興趣的文章:

相關(guān)文章

JS Pro-深入面向?qū)ο蟮某绦蛟O(shè)計(jì)之繼承的詳解
一般的面向?qū)ο蟪绦蛘Z言，有兩種繼承方法——接口繼承（interface inheritance）和實(shí)現(xiàn)繼承（implementation inheritance）。接口繼承只繼承方法簽名，而實(shí)現(xiàn)繼承則繼承實(shí)際的方法。在JavaScript中，函數(shù)沒有簽名，所以在JavaScript只支持實(shí)現(xiàn)繼承，而且主要是依靠原型鏈（prototype chaining）來是實(shí)現(xiàn)的
2013-05-05
JavaScript深入刨析this的指向以及如何修改指向
JavaScript中this也是一件很神奇事情，在面向?qū)ο螅ū热鏹ava）中表示一個(gè)當(dāng)前的對象引用，但是在JavaScript中this不是固定不變的，而是隨著運(yùn)行環(huán)境的改變而改變
2021-11-11
AlertBox 彈出層信息提示框效果實(shí)現(xiàn)步驟
彈出層就是相對文檔或窗口定位的一個(gè)層，一般用來顯示提示信息、廣告等內(nèi)容，還可以配合覆蓋層來鎖定頁面。
2010-10-10
微信小程序上傳圖片實(shí)例
這篇文章主要為大家詳細(xì)介紹了微信小程序上傳圖片實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
JavaScript分秒倒計(jì)時(shí)器實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript分秒倒計(jì)時(shí)器實(shí)現(xiàn)方法,可實(shí)現(xiàn)按照毫秒倒計(jì)時(shí)的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
Javascript/Jquery——簡單定時(shí)器的多種實(shí)現(xiàn)方法
本文為大家詳細(xì)介紹下使用Javascript/Jquery實(shí)現(xiàn)簡單的定時(shí)器，方法有多種，大家可以根據(jù)自己的喜好自由選擇，希望對大家有所幫助
2013-07-07
深入理解javascript中的 “this”
本文主要介紹了javascript中“this”的相關(guān)知識。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
JavaScript函數(shù)節(jié)流的兩種寫法
本文主要介紹了JavaScript函數(shù)節(jié)流的兩種寫法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-04-04
Javascript中的作用域和上下文深入理解
這篇文章主要介紹了Javascript中的作用域和上下文深入理解,本文講解了作用域 VS 上下文、變量作用域、“this”上下文、執(zhí)行上下文(Execution Context)、作用域鏈等內(nèi)容,需要的朋友可以參考下
2015-07-07
微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請求
這篇文章主要介紹了微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請求，F(xiàn)ly.js 通過在不同 JavaScript 運(yùn)行時(shí)通過在底層切換不同的 Http Engine來實(shí)現(xiàn)多環(huán)境支持，但同時(shí)對用戶層提供統(tǒng)一、標(biāo)準(zhǔn)的Promise API,需要的朋友可以參考下
2019-07-07