[HTML]js读取XML文件并解析

Posted 南水之源

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[HTML]js读取XML文件并解析相关的知识，希望对你有一定的参考价值。

xml文件：test.xml

<?xml version="1.0"?>  
  
<note>  
<to>George</to>  
<from>John</from>  
<heading>Reminder</heading>  
<body>Don‘t forget the meeting!</body>  
<lastname>Simth</lastname>  
  
</note>

html文件：

<html>  
  
<head>  
  
    <script type="text/javascript">  
      
        function parseXML(){  
              
            try{  
                  
                xmlDoc= new ActiveXObject("Microsoft.XMLDOM");  
            }catch(e){  
                  
                try{  
                      
                    xmlDoc= document.implementation.createDocument("","",null);  
                }catch(e){  
                      
                    alert(e.message);  
                    return;  
                }  
            }  
            xmlDoc.async = false;  
            xmlDoc.load("../xml/test.xml");  
              
            document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;  
            document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;  
            document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;  
        }  
    </script>  
</head>  
<body onload="parseXML()">  
  
    <h1>W3School.com.cn Internal Note</h1>  
    <p><b>To:</b><span id="to"></span><br/>  
    <b>From:</b><span id="from"></span><br/>  
    <b>Message:</b><span id="message"></span>  
    <p>  
      
      
</body>  
  
</html>

 

以上是关于[HTML]js读取XML文件并解析的主要内容，如果未能解决你的问题，请参考以下文章

angularJS使用ocLazyLoad实现js延迟加载

从文件加载 XML 并解析？

从 XML 声明片段获取 XML 编码：部分内容解析不支持 XmlDeclaration

XML 解析 - 读取一个简单的 XML 文件并检索值

HTML文档JS解析库介绍

JS动态加载JSON文件并读取数据