关于Javascript解析XML跨浏览器的尝试

最新推荐文章于 2024-07-23 18:15:45 发布

shmilyhe

最新推荐文章于 2024-07-23 18:15:45 发布

阅读量769

点赞数

文章标签： javascript 浏览器 xml books html mozilla

本文链接：https://blog.csdn.net/shmilyhe/article/details/4809264

版权

javascript的跨浏览器的问题真的很烦人，

以前做AJAX的时候都是用responseText 因为功能要求都不是很复杂

现在想做一些RSS的合整，觉得用JS来做能节省很多的服务器资源

尽量往RIA的这边靠拢吧。

因为手头上没有一份完整的DOM的文档，解析XML来真的可以说的焦头烂额，

虽然用FOR IN 能读出对象的所有属性和方法，可惜这一招对XMLDOM不好用，

因为我们获得的都是已经初始化的实例而不是这个类，这个苦呀。

下面是我用了两个晚上的时间完成的尝试（之前试过用递归，可惜不知道怎么判断结束，本来想法很简单，觉得如果当前node 的child 为0的时候应该就结束了，可是不是这样的，谁有这方面的资料发我一份呀，感激不尽）

<?xml version="1.0" encoding="UTF-8"?>  <books> <book ISBN="001"> <name>Java</name> <authors> <author>ivan</author> <author>danny</author> </authors> <producer> <address>广州</address> <phone>020-88888888</phone> <phone>020-88888881</phone> </producer> <category>科技</category> </book> <book ISBN="002"> <name>魔兽</name> <authors> <author>ivan</author> <author>danny</author> </authors> <producer> <address>广州</address> <phone>020-88888888</phone> <phone>020-88888881</phone> </producer> <category>游戏</category> </book> <book ISBN="003"> <name>长江三峡</name> <authors> <author>ivan</author> <author>danny</author> </authors> <producer> <address>广州</address> <phone>020-88888888</phone> <phone>020-88888881</phone> </producer> <category>地理</category> </book> </books>

JS：

<html> <head> <title>Enter the title of your HTML document here</title> <mce:script language="javascript"> var name =ie? book.getElementsByTagName('name')[0].firstChild.nodeValue:book.getElementsByTagName('name')[0].textContent; html += '|name: ' + name + '<br>'; html += ' ';  var authors = book.getElementsByTagName('authors')[0]; var author_arr = authors.getElementsByTagName('author'); html += '|author: '; for(var j=0;j<author_arr.length;j++){ html += ie?author_arr[j].firstChild.nodeValue+', ':author_arr[j].textContent + ', '; }  var producer = book.getElementsByTagName('producer')[0];  var address =ie?producer.getElementsByTagName('address')[0].firstChild.nodeValue: producer.getElementsByTagName('address')[0].textContent; html += '|address: ' + address;  var phone = producer.getElementsByTagName('phone'); html += '|phone: '; for(var j=0;j<phone.length;j++){ html +=ie?phone[j].firstChild.nodeValue+',': phone[j].textContent + ', '; }  var category =ie? book.getElementsByTagName('category')[0].firstChild.nodeValue:book.getElementsByTagName('category')[0].textContent; html += '|category: ' + category; html += '<br>'; } books_div.innerHTML = html; } // --></mce:script> </head> <body οnlοad="render();"> <p>Enter the body text of your HTML document here</p> </body> <div id="books"> </div> </html>

[本文出自blog.csdn.net/shmilyhe转载请注明出处]

shmilyhe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于Javascript解析XML跨浏览器的尝试

javascript的跨浏览器的问题真的很烦人，以前做AJAX的时候都是用responseText 因为功能要求都不是很复杂现在想做一些RSS的合整，觉得用JS来做能节省很多的服务器资源尽量往RIA的这边靠拢吧。因为手头上没有一份完整的DOM的文档，解析XML来真的可以说的焦头烂额，虽然用FOR IN 能读出对象的所有属性和方法，可惜这一招对XMLDOM不好用，因为我们获得
复制链接

扫一扫