 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XmlDom._Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 

<script type="text/javascript" src="js/jquery-1.4.2.js"></script> 

<script type="text/javascript"> 
//得到XML Dom 
function LoadXML(XmlString) { 
var xmlDoc; 
//firefox等 
if (!window.ActiveXObject) { 
var parser = new DOMParser(); 
xmlDoc = parser.parseFromString(XmlString, "text/xml"); 
} else { 
//IE 
xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
xmlDoc.async = "false"; 
xmlDoc.loadXML(XmlString); 
} 
return xmlDoc; 
} 
function UseCllentXmlDom() { 
try { 
var string = "<Log><Content value='測(cè)試Xml Dom用法' /></Log>"; 
//加載 
var xmlString = LoadXML(string); 
var xmlContent = $(xmlString).find("Content"); 
if (xmlContent != null) { 
$(xmlString).find("Content").each(function() { 
var ContentValue = $(this).attr("value"); 
　　　　 　　　　//顯示得到的數(shù)據(jù) 
$("#DomValue").html(ContentValue); 
}); 
} 
} 
catch (e) { 
throw e; 
} 
} 
</script> 

</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<a style="cursor: pointer" onclick="UseCllentXmlDom()">調(diào)用客戶(hù)端XmlDom</a> 
<br /> 
顯示數(shù)據(jù)： 
<div id="DomValue"> 
</div> 
</div> 
</form> 
</body> 
</html> 

在FireFox下，我測(cè)試時(shí)發(fā)現(xiàn)，將XML字符串直接給Jquery，Jquery也能直接處理；但在IE下不行。如下邊代碼。

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

 
<script type="text/javascript"> 
//僅在firefox下可行 
function UseCllentXmlDom() { 
try { 
var string = "<Log><Content value='測(cè)試Xml Dom用法' /></Log>"; 
　　　　//取XML 字符串 
xmlString = $(string); 
var xmlContent = $(xmlString).find("Content"); 
if (xmlContent != null) { 
$(xmlString).find("Content").each(function() { 
var ContentValue = $(this).attr("value"); 
　　　　 　　　　//顯示得到的數(shù)據(jù) 
$("#DomValue").html(ContentValue); 
}); 
} 

} 
catch (e) { 
throw e; 
} 
} 
</script> 

您可能感興趣的文章:

相關(guān)文章

基本DOM節(jié)點(diǎn)操作
本文主要介紹了基本DOM節(jié)點(diǎn)操作，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
HTML+JS實(shí)現(xiàn)監(jiān)控切屏功能
這篇文章主要介紹了如何利用HTML和JavaScript實(shí)現(xiàn)監(jiān)控切屏功能，監(jiān)控是否離開(kāi)當(dāng)前頁(yè)面，文中的示例代碼講解詳細(xì)，需要的可以參考一下
2022-03-03
JavaScript 格式化數(shù)字、金額、千分位、保留幾位小數(shù)、舍入舍去
這篇文章主要介紹了JavaScript 格式化數(shù)字、金額、千分位、保留幾位小數(shù)、舍入舍去，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
教你用wxml2canvas將微信小程序頁(yè)面轉(zhuǎn)為圖片
如果需要實(shí)現(xiàn)將小程序的頁(yè)面轉(zhuǎn)為圖片,第一步是要先把頁(yè)面轉(zhuǎn)為canvas,再將canvas轉(zhuǎn)為圖片,下面這篇文章主要給大家介紹了關(guān)于用wxml2canvas將微信小程序頁(yè)面轉(zhuǎn)為圖片的相關(guān)資料,需要的朋友可以參考下
2022-11-11
JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法
下面小編就為大家?guī)?lái)一篇JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12
JS實(shí)現(xiàn)簡(jiǎn)易貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
TensorFlow.js 微信小程序插件開(kāi)始支持模型緩存的方法
這篇文章主要介紹了TensorFlow.js 微信小程序插件開(kāi)始支持模型緩存的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
js獲取html參數(shù)及向swf傳遞參數(shù)應(yīng)用介紹
HTML頁(yè)面是在客戶(hù)端執(zhí)行的，這樣要獲取參數(shù)必須使用客戶(hù)端腳本如JavaScript，在這點(diǎn)上與服務(wù)器端腳本獲取參數(shù)方式有所不同接下來(lái)將詳細(xì)介紹下感興趣的你可不要錯(cuò)過(guò)了哈
2013-02-02
Uniapp?實(shí)現(xiàn)全民分銷(xiāo)功能原理解析
這篇文章主要介紹了Uniapp?實(shí)現(xiàn)全民分銷(xiāo)功能,本篇文章主要介紹全民分銷(xiāo)功能實(shí)現(xiàn)原理，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-06-06
基于JavaScript實(shí)現(xiàn)鼠標(biāo)箭頭移動(dòng)圖片跟著移動(dòng)
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)鼠標(biāo)箭頭移動(dòng)圖片跟著移動(dòng)的核心代碼，代碼比較簡(jiǎn)單易懂,需要的朋友可以參考下
2016-08-08