JS解析XML文件和XML字符串

JS解析XML文件

 

< script type = ' text/javascript ' >
    loadXML  =   function (xmlFile){
         var  xmlDoc = null ;
         // 判断浏览器的类型
         // 支持IE浏览器
         if ( ! window.DOMParser  &&  window.ActiveXObject){
             var  xmlDomVersions  =  [ ' MSXML.2.DOMDocument.6.0 ' , ' MSXML.2.DOMDocument.3.0 ' , ' Microsoft.XMLDOM ' ];
             for ( var  i = 0 ;i < xmlDomVersions.length;i ++ ){
                 try {
                    xmlDoc  =   new  ActiveXObject(xmlDomVersions[i]);
                     break ;
                } catch (e){
                }
            }
        }
         // 支持Mozilla浏览器
         else   if (document.implementation  &&  document.implementation.createDocument){
             try {
                 /*  document.implementation.createDocument('','',null); 方法的三个参数说明
                 * 第一个参数是包含文档所使用的命名空间URI的字符串； 
                 * 第二个参数是包含文档根元素名称的字符串； 
                 * 第三个参数是要创建的文档类型（也称为doctype）
                  */
                xmlDoc  =  document.implementation.createDocument( '' , '' , null );
            } catch (e){
            }
        }
         else {
             return   null ;
        }

         if (xmlDoc != null ){
            xmlDoc.async  =   false ;
            xmlDoc.load(xmlFile);
        }
         return  xmlDoc;
    }
< / script>

 

JS解析XML字符串

 

< script type = ' text/javascript ' >
    loadXML  =   function (xmlString){
         var  xmlDoc = null ;
         // 判断浏览器的类型
         // 支持IE浏览器 
         if ( ! window.DOMParser  &&  window.ActiveXObject){    // window.DOMParser 判断是否是非ie浏览器
             var  xmlDomVersions  =  [ ' MSXML.2.DOMDocument.6.0 ' , ' MSXML.2.DOMDocument.3.0 ' , ' Microsoft.XMLDOM ' ];
             for ( var  i = 0 ;i < xmlDomVersions.length;i ++ ){
                 try {
                    xmlDoc  =   new  ActiveXObject(xmlDomVersions[i]);
                    xmlDoc.async  =   false ;
                    xmlDoc.loadXML(xmlString);  // loadXML方法载入xml字符串
                     break ;
                } catch (e){
                }
            }
        }
         // 支持Mozilla浏览器
         else   if (window.DOMParser  &&  document.implementation  &&  document.implementation.createDocument){
             try {
                 /*  DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。
                 * 要使用 DOMParser，使用不带参数的构造函数来实例化它，然后调用其 parseFromString() 方法
                 * parseFromString(text, contentType) 参数text:要解析的 XML 标记 参数contentType文本的内容类型
                 * 可能是 "text/xml" 、"application/xml" 或 "application/xhtml+xml" 中的一个。注意，不支持 "text/html"。
                  */
                domParser  =   new   DOMParser();
                xmlDoc  =  domParser.parseFromString(xmlString,  ' text/xml ' );
            } catch (e){
            }
        }
         else {
             return   null ;
        }

         return  xmlDoc;
    }
< / script>

 

测试XML

 

<? xml version="1.0" encoding="utf-8"  ?>
< DongFang >
   < Company >
     < cNname > 1 </ cNname >
     < cIP > 1 </ cIP >
   </ Company >
   < Company >
     < cNname > 2 </ cNname >
     < cIP > 2 </ cIP >
   </ Company >     
   < Company >
     < cNname > 3 </ cNname >
     < cIP > 3 </ cIP >
   </ Company >
   < Company >
     < cNname > 4 </ cNname >
     < cIP > 4 </ cIP >
   </ Company >
   < Company >
     < cNname > 5 </ cNname >
     < cIP > 5 </ cIP >
   </ Company >
   < Company >
     < cNname > 6 </ cNname >
     < cIP > 6 </ cIP >
   </ Company >
</ DongFang >

 

 

使用方法

 var xmldoc=loadXML(text.xml)

 var elements = xmlDoc.getElementsByTagName("Company");

 for (var i = 0; i < elements.length; i++) {
                var name = elements[i].getElementsByTagName("cNname")[0].firstChild.nodeValue;
                var ip = elements[i].getElementsByTagName("cIP")[0].firstChild.nodeValue;               

var e = elements[i];

for(var j in e){

console.log(j+" : "+e[j]);

}

}

childElementCount  :  0
lastElementChild  :  null
firstElementChild  :  null
children  :  [object HTMLCollection]
nextElementSibling  :  null
previousElementSibling  :  null
onwebkitfullscreenerror  :  null
onwebkitfullscreenchange  :  null
onwheel  :  null
onselectstart  :  null
onsearch  :  null
onpaste  :  null
oncut  :  null
oncopy  :  null
onbeforepaste  :  null
onbeforecut  :  null
onbeforecopy  :  null
shadowRoot  :  null
dataset  :  [object DOMStringMap]
classList  :  
className  :  
outerHTML  :  <a>1234</a>
scrollHeight  :  0
scrollWidth  :  0
scrollTop  :  0
scrollLeft  :  0
clientHeight  :  0
clientWidth  :  0
clientTop  :  0
clientLeft  :  0
offsetParent  :  null
offsetHeight  :  0
offsetWidth  :  0
offsetTop  :  0
offsetLeft  :  0
localName  :  a
prefix  :  null
namespaceURI  :  null
style  :  null
attributes  :  [object NamedNodeMap]
tagName  :  a
parentElement  :  null
textContent  :  1234
nodeType  :  1
nodeValue  :  null
nodeName  :  a
id  :  
innerHTML  :  1234
getAttribute  :  function getAttribute() { [native code] }
setAttribute  :  function setAttribute() { [native code] }
removeAttribute  :  function removeAttribute() { [native code] }
getAttributeNode  :  function getAttributeNode() { [native code] }
setAttributeNode  :  function setAttributeNode() { [native code] }
removeAttributeNode  :  function removeAttributeNode() { [native code] }
getElementsByTagName  :  function getElementsByTagName() { [native code] }
hasAttributes  :  function hasAttributes() { [native code] }
getAttributeNS  :  function getAttributeNS() { [native code] }
setAttributeNS  :  function setAttributeNS() { [native code] }
removeAttributeNS  :  function removeAttributeNS() { [native code] }
getElementsByTagNameNS  :  function getElementsByTagNameNS() { [native code] }
getAttributeNodeNS  :  function getAttributeNodeNS() { [native code] }
setAttributeNodeNS  :  function setAttributeNodeNS() { [native code] }
hasAttribute  :  function hasAttribute() { [native code] }
hasAttributeNS  :  function hasAttributeNS() { [native code] }
matches  :  function matches() { [native code] }
closest  :  function closest() { [native code] }
focus  :  function focus() { [native code] }
blur  :  function blur() { [native code] }
scrollIntoView  :  function scrollIntoView() { [native code] }
scrollIntoViewIfNeeded  :  function scrollIntoViewIfNeeded() { [native code] }
getElementsByClassName  :  function getElementsByClassName() { [native code] }
insertAdjacentElement  :  function insertAdjacentElement() { [native code] }
insertAdjacentText  :  function insertAdjacentText() { [native code] }
insertAdjacentHTML  :  function insertAdjacentHTML() { [native code] }
webkitMatchesSelector  :  function webkitMatchesSelector() { [native code] }
createShadowRoot  :  function createShadowRoot() { [native code] }
getDestinationInsertionPoints  :  function getDestinationInsertionPoints() { [native code] }
getClientRects  :  function getClientRects() { [native code] }
getBoundingClientRect  :  function getBoundingClientRect() { [native code] }
requestPointerLock  :  function requestPointerLock() { [native code] }
animate  :  function animate() { [native code] }
remove  :  function remove() { [native code] }
webkitRequestFullScreen  :  function webkitRequestFullScreen() { [native code] }
webkitRequestFullscreen  :  function webkitRequestFullscreen() { [native code] }
querySelector  :  function querySelector() { [native code] }
querySelectorAll  :  function querySelectorAll() { [native code] }
parentNode  :  [object XMLDocument]
childNodes  :  [object NodeList]
firstChild  :  [object Text]
lastChild  :  [object Text]
previousSibling  :  null
nextSibling  :  null
ownerDocument  :  [object XMLDocument]
baseURI  :  
insertBefore  :  function insertBefore() { [native code] }
replaceChild  :  function replaceChild() { [native code] }
removeChild  :  function removeChild() { [native code] }
appendChild  :  function appendChild() { [native code] }
hasChildNodes  :  function hasChildNodes() { [native code] }
cloneNode  :  function cloneNode() { [native code] }
normalize  :  function normalize() { [native code] }
isSameNode  :  function isSameNode() { [native code] }
isEqualNode  :  function isEqualNode() { [native code] }
lookupPrefix  :  function lookupPrefix() { [native code] }
isDefaultNamespace  :  function isDefaultNamespace() { [native code] }
lookupNamespaceURI  :  function lookupNamespaceURI() { [native code] }
compareDocumentPosition  :  function compareDocumentPosition() { [native code] }
contains  :  function contains() { [native code] }
ELEMENT_NODE  :  1
ATTRIBUTE_NODE  :  2
TEXT_NODE  :  3
CDATA_SECTION_NODE  :  4
ENTITY_REFERENCE_NODE  :  5
ENTITY_NODE  :  6
PROCESSING_INSTRUCTION_NODE  :  7
COMMENT_NODE  :  8
DOCUMENT_NODE  :  9
DOCUMENT_TYPE_NODE  :  10
DOCUMENT_FRAGMENT_NODE  :  11
NOTATION_NODE  :  12
DOCUMENT_POSITION_DISCONNECTED  :  1
DOCUMENT_POSITION_PRECEDING  :  2
DOCUMENT_POSITION_FOLLOWING  :  4
DOCUMENT_POSITION_CONTAINS  :  8
DOCUMENT_POSITION_CONTAINED_BY  :  16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC  :  32
addEventListener  :  function addEventListener() { [native code] }
removeEventListener  :  function removeEventListener() { [native code] }
dispatchEvent  :  function dispatchEvent() { [native code] }