Question

我遇到了getElementsByTagName的问题。我试图从使用ajax从服务器收到的xml文件中提取信息。在IE中它运行正常，但是当我尝试在Chrome或FireFox上运行它时，我得到一个“未定义”。

的Javascript ：

function parseMessage()
{
    doc = request.responseXML;
    sum = "";

    for (var i=0; i< doc.getElementsByTagName('coupon').length; i=i+1)
    {
        var lat2 = doc.documentElement.getElementsByTagName('latitude').item(i).text;
        var longi2 = doc.documentElement.getElementsByTagName('longitude').item(i).text;
        var latlng  = new google.maps.LatLng( lat2 , longi2 ); 
        var product =  doc.documentElement.getElementsByTagName('productname').item(i).text;
        // marker[i] = createMarker(map2, product, latlng, description);

        sum = sum + description+ " "+ product + lat2 + longi2;                          
    }

    document.write(sum);
}

XML ：

<?xml version="1.0" encoding="UTF-8"?>
-<coupons>
-<coupon id="1">
<productname>Bigmac</productname>
<companyname>Macdonalds</companyname>
<latitude>32.015954</latitude>
<longitude>34.755228</longitude>
</coupon>
-<coupon id="2">
<productname>Crocs</productname>
<companyname>Crocs</companyname>
<latitude>32.079375</latitude>
<longitude>34.769325</longitude>
</coupon>
-<coupon id="3">
<productname>Nike Shoks</productname>
<companyname>NIKE</companyname>
<latitude>32.048825</latitude>
<longitude>34.785461</longitude>
</coupon>
-<coupon id="4">
.....

Answer 1

第一个问题是getElementsByTagName()返回元素列表;它不能作为一个组进行操作，因此您必须选择特定的节点才能工作：

getElementsByTagName('latitude')[0]; // for the first element.

第二个问题是：

getElementsByTagName('latitude')[0].item(i);

应该用于访问特定元素的属性或属性，item(i) 既不，但可以在我们没有看到的地方设置/使用它。

如果您尝试访问其中一个元素的子元素（并且在您发布的代码中latitude元素没有任何子元素），您可以使用：

getElementsByTagName('latitude')[0].childNodes[i];

并且text()不会返回或执行纯JavaScript中的任何操作。如果您正在使用jQuery text()方法，那么只适用于jQuery对象，如果您尝试访问当前节点的文本内容，则：

getElementsByTagName('latitude')[0].textContent; // for Firefox, Chrome...

或者：

getElementsByTagName('latitude')[0].innerText; // for IE

Firefox和Chrome中的getElementsByTagName'undefined'？

1 个答案: