js解析一个XML字符串 - 跨浏览器的实例

最新推荐文章于 2023-06-21 21:05:49 发布

Mobidogs

最新推荐文章于 2023-06-21 21:05:49 发布

阅读量3.3k

点赞数

分类专栏： js/html/css技巧文章标签：浏览器 xml mozilla date object internet

本文链接：https://blog.csdn.net/Mobidogs/article/details/1691987

版权

js/html/css技巧专栏收录该内容

20 篇文章 0 订阅

订阅专栏

下面的代码是一个跨浏览器的实例，向我们展示了如何加载和解析某个XML字符串：<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

//xml字符串
var xmlstring = '<?xml version=/"1.0/"?>/n'
+ '<shoppingcart date=/"14-10-2007/" total=/"123.45/">/n'
+ ' <item code=/"12345/">/n'
+ '  <name>Widget</name>/n'
+ '  <quantity>1</quantity>/n'
+ ' </item>/n'
+ ' <item code=/"54321/">/n'
+ '  <name>Another Widget</name>/n'
+'  <quantity>2</quantity>/n'
+ ' </item>/n'
+ '</shoppingcart>';

alert(xmlstring);

try
{

// convert the string to an XML object
// 用于 IE 的代码：
if (window.ActiveXObject)
{
var xmlobject =new ActiveXObject("Microsoft.XMLDOM");
xmlobject.async="false";
xmlobject.loadXML(xmlstring);
}

// 用于 Mozilla, Firefox, Opera, 等浏览器的代码：
else
{
var parser=new DOMParser();
var xmlobject =parser.parseFromString(xmlstring,"text/xml");
}

}
catch (e)
{

alert('error');

return;
}

// get the XML root item
var root = xmlobject.getElementsByTagName('shoppingcart')[0];
var date = root.getAttribute("date");

alert("shoppingcart date=" + date);

var items = root.getElementsByTagName("item");
for (var i = 0 ; i < items.length ; i++) {
// get one item after another
var item = items[i];
// now we have the item object, time to get the contents
// get the name of the item
var name = item.getElementsByTagName("name")[0].firstChild.nodeValue;
// get the quantity
var quantity = item.getElementsByTagName("quantity")[0].firstChild.nodeValue;
alert("item #" + i + ": name=" + name + " quantity=" + quantity);
}
</script>
</body>
</html>

注释：Internet Explorer使用loadXML()方法解析XML字符串，而Mozilla浏览器使用DOMParser对象。<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>

Mobidogs

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js解析一个XML字符串 - 跨浏览器的实例

下面的代码是一个跨浏览器的实例，向我们展示了如何加载和解析某个XML字符串：
复制链接

扫一扫