使用javascript將xml值推入數組

Question

我有XML文件，

<root>
<items>
 <webprotal-gallery>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <-----   -----------    ---------------   ------------>
 </webprotal-gallery> 
</items>
<items>
<webprotal-gallery>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>     
 </webprotal-gallery>
</items>
</root>

我想將“ web-portal-urls”推入一個關聯數組（鍵/值）。 我的要求是，當用戶單擊圖像時，在另一個頁面中顯示相關的“ webprotal-gallery”。

如何將圖庫項目推入數組。

Answer 1

嘗試

function parseXml(xml){
    var xmlDoc, parser;

    if (window.DOMParser){
        parser=new DOMParser();
        xmlDoc=parser.parseFromString(xml,"text/xml");
    } else {
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=false;
        xmlDoc.loadXML(xml); 
    }

    return xmlDoc;
}

var xml = '<root><items><webprotal-gallery><web-portal-urls>http://xxx.xom/image</web-portal-urls><web-portal-urls>http://xxx.xom/image</web-portal-urls></webprotal-gallery></items><items><webprotal-gallery><web-portal-urls>http://xxx.xom/image</web-portal-urls><web-portal-urls>http://xxx.xom/image</web-portal-urls></webprotal-gallery></items></root>';

var xmlDoc = parseXml(xml);
var urls = [];
var tags = xmlDoc.getElementsByTagName('web-portal-urls');

for(var i = 0; i < tags.length; i++){
    urls.push(tags[i].textContent)
}

console.log(urls)

演示： 小提琴