 
<%@ 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='測試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)用客戶端XmlDom</a> 
<br /> 
顯示數(shù)據(jù)： 
<div id="DomValue"> 
</div> 
</div> 
</form> 
</body> 
</html> 

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

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

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