无法使用 javascript 从 xml 文件中检索特定元素

Question

我在尝试从 xml 文件中获取特定元素时遇到问题。 请参阅下面我使用的 javascript 代码，然后是 xml 文件。 更具体地说，当我检索第一个纪念碑元素的标题元素时，它很好。问题是当我尝试检索 xml 文件的第二个纪念碑元素的标题元素时。 第二个警报什么也没显示。我做错了什么？我猜我的 for 循环里面有问题。

javascript 文件

<script>
    function loadXMLDoc(doc) { 
        if (window.XMLHttpRequest){ 
            request = new XMLHttpRequest(); 
        } else { 
            request = new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        request.open("GET",doc,false); 
        request.send(""); 
        return request.responseXML; 
    }

    function displaypafosmonuments(doc) {
        xmlDoc = loadXMLDoc(doc);
        pafos=xmlDoc.getElementsByTagName("pafos");
        monuments=pafos[0].getElementsByTagName("monuments");

        monument=monuments[0].getElementsByTagName("monument");

        var title = new Array(3);
for(var k=0;k<2;k++){
title.push(monument[k].getElementsByTagName("title"));
alert(title[k].nodeName);
                   }
    }
</script>

xml文件

<?xml version="1.0" encoding="UTF-8"?>
<data>    
    <pafos>
        <monuments>
            <monument>
                <username>dimitris</username>
                <email>katitis@gmail.com</email>
                <title>Colossi Castle</title>
                <description>Very nice castle</description>
                <image>colossi.jpg</image>
                <geolocation></geolocation>
                <date>08/03/2014</date>
                <time>01:33</time>
            </monument>
            <monument>
                <username>aristi</username>
                <email>kati@gmail.com</email>
                <title>Castle</title>
                <description>Very ugly castle</description>
                <image>colossi.jpg</image>
                <geolocation></geolocation>
                <date>09/03/2014</date>
                <time>02:33</time>
            </monument>
        </monuments>
    </pafos>
</data>

Answer 1

您正在创建一个包含三个空位的数组，然后在循环内再推两个项目。现在您的数组有五个元素。但是您阅读了第一个和第二个，它们是空的。

解决它的一种方法是更改​​数组声明：

var title = new Array();

现在您将推送元素 0 和 1，并读取元素 0 和 1。

在循环中，您正在读取title 节点集。您必须获得第一个（也是唯一一个）title 元素。

title.push(monument[k].getElementsByTagName("title")[0]);

最后，您的alert() 没有访问文本节点。所以这会起作用：

alert(title[k].childNodes[0].nodeValue);

更新了小提琴：http://jsfiddle.net/helderdarocha/4sZ8x/1/