1

我遇到了 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">
.....
4

1 回答 1

6

第一个问题是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
于 2012-07-29T18:34:29.327 回答