DOM导航多个浏览器问题

时间:2011-02-20 15:45:08

标签: ajax dom

我正在使用ajax将xml从服务器发送到浏览器。我正在使用以下代码更改菜单的内容:

if(xmlhttp.readyState==4 && xmlhttp.status==200){
            xmlUsers=xmlhttp.responseXML.documentElement.getElementsByTagName("USER");
            var content="";
            for(i=0;i<xmlUsers.length;i++){
                content+="<div id='item"+(i+3)+"' class='items_text'>\n\
                <div><img src='images/blank_avatar.gif'/></div><div id='lefty_text'>"+"<p>"+xmlUsers[i].childNodes[0].firstChild.nodeValue+"</p><br/><p>"+
                xmlUsers[i].childNodes[1].firstChild.nodeValue+"</p><br/><p>"+
                xmlUsers[i].childNodes[2].firstChild.nodeValue+"</p><br/>\n"+
                "</div></div>";
        }
        $("#lefty_items").html(content);
}

收到的xml如下(使用alert(xmlhttp.responseText)):

<?xml version="1.0" enconding="ISO-8859-1"?>
<CURRENT_USERS>
<USER>
    <USERNAME>username</USERNAME>
    <WHEN> 15:37:21</WHEN>
    <WHAT>username looged in!</WHAT>
    </USER>

  </CURRENT_USERS>

问题是它与Internet Explorer完美配合,但在Fire Fox和Chrome中,DOM导航似乎是错误的。我需要将childNodes的索引更改为... childNodes [3] childNodes [5]和ChildNodes [7]。

如何确保FireFox和Chrome兼容性?

提前致谢

0 个答案:

没有答案