首页 > 语言 > JavaScript > 正文

JavaScript操作XML文件之XML读取方法

2024-05-06 16:21:58
字体:
来源:转载
供稿:网友

这篇文章主要介绍了JavaScript操作XML文件之XML读取方法,涉及javascript操作XML文件的相关技巧,需要的朋友可以参考下

本文实例讲述了JavaScript操作XML文件之XML读取方法。分享给大家供大家参考。具体分析如下:

假设我们现在要读取下面的 info.xml 文件

 

  1. <?xml version="1.0" encoding="gb2312"?> 
  2. <root> 
  3. <data id="1"
  4. <name>ceun</name> 
  5. <age>21</age> 
  6. </data> 
  7. <data id="2"
  8. <name><![CDATA[张三]]></name> 
  9. <age>22</age> 
  10. </data> 
  11. <data id="3"
  12. <name>jake</name> 
  13. <age>23</age> 
  14. </data> 
  15. <data id="4"
  16. <name>hello</name> 
  17. <age>20</age> 
  18. </data> 
  19. <data id="5"
  20. <name>Paul</name> 
  21. <age>25</age> 
  22. </data> 
  23. </root> 

接下来,读取并遍历info.xml

 

 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
  2. <HTML> 
  3. <HEAD> 
  4. <TITLE> Hello </TITLE> 
  5. </HEAD> 
  6. <BODY> 
  7. <SCRIPT LANGUAGE="JavaScript"
  8. <!-- 
  9. //生XML对象。 
  10. function createXMLDom(){ 
  11. if (window.ActiveXObject)  
  12. var xmldoc=new ActiveXObject("Microsoft.XMLDOM"); 
  13. else 
  14. if (document.implementation&&document.implementation.createDocument) 
  15. var xmldoc=document.implementation.createDocument("","doc",null); 
  16. xmldoc.async = false
  17. //为了和FireFox一至,这里不能改为False; 
  18. xmldoc.preserveWhiteSpace=true
  19. return xmldoc; 
  20. //加载XML文件。 
  21. var xmlDom=createXMLDom(); 
  22. xmlDom.load("info.xml"); 
  23. //获得根节点 
  24. var root=xmlDom.documentElement; 
  25. var data=""
  26. var names=root.getElementsByTagName("name"); 
  27. var ages=root.getElementsByTagName("age"); 
  28. var len=names.length; 
  29. for(var i=0;i<len;i++) { 
  30. data+="姓名:"
  31. data+=names[i].firstChild.nodeValue; 
  32. data+=" 年龄:"
  33. data+=ages[i].firstChild.nodeValue; 
  34. data+=" "
  35. alert(data); 
  36. --> 
  37. </SCRIPT> 
  38. </BODY> 
  39. </HTML> 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选