Динамически обновляемая таблица
Доброго времени суток, ув. профи, подскажите новичку, вот есть такая таблица:
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="user"> <tr id="headers"> <td width="180" height="30" bgcolor="#276DB8" class="table" align="center" >title1</td> <td width="3"></td> <td width="180" bgcolor="#276DB8" align="center" class="table" nowrap>title2</td> <td width="3"></td> <td width="380" height="30" bgcolor="#276DB8" align="center" class="table" nowrap>title3</td> <td width="3"></td> <td height="30" bgcolor="#276DB8" align="center" class="table" nowrap>title3</td> </tr> </table> она обнавляеться посредством ajax, то есть идут обрашения к серверу, вот функция обработки ответа от сервера: function handleServerResponse() { var xmlResponse = this.req.responseXML; xmlRoot = xmlResponse.documentElement; var tr = xmlRoot.getElementsByTagName("tr"); var table = document.getElementById("user"); //alert(table); var html = '<tr id="headers">'+document.getElementById("headers").innerHTML+'</tr>'; if(tr.length>0){ for (var I = 0 ; I < tr.length ; I++) { items= tr.item(I); var backgound= is_float(I/2) ? 'bgcolor="#f5f5f5"':' '; var ip =items.getElementsByTagName("ip").item(0).firstChild.data ? items.getElementsByTagName("ip").item(0).firstChild.data : '---' ; var geo =items.getElementsByTagName("geo").item(0).firstChild.data ? items.getElementsByTagName("geo").item(0).firstChild.data : '---' ; var referer = items.getElementsByTagName("referer").item(0).firstChild.data ? items.getElementsByTagName("referer").item(0).firstChild.data : '---'; var wherenow = items.getElementsByTagName("wherenow").item(0).firstChild.data ? items.getElementsByTagName("wherenow").item(0).firstChild.data : '---'; html+='<tr>' +' <td width="80" class="table" align="center" '+backgound+'>'+ip+'</td>' +' <td width="3" bgcolor="#276DB8"></td>' +' <td align="center" class="table" nowrap align="center" '+backgound+'>'+geo+'</td>' +' <td width="3" bgcolor="#276DB8"></td>' +' <td class="table" nowrap '+backgound+'>'+referer+'</td>' +' <td width="3" bgcolor="#276DB8"></td>' +' <td align="center" class="table" nowrap '+backgound+'><a href="'+wherenow+'">'+wherenow+'</a></td>' +'</tr>'; } // while( child= table.firstChild ) table.removeChild( child ) //alert(html); table.innerHTML=html; } } но даный код не хочет работать в IE, подскажите пожалуста, почему, заранее спс. |
Потому что нельзя обновлять таблицы посредством innerHTML. Используйте табличные методы insertRow, insertCell, ...
|
Часовой пояс GMT +3, время: 11:50. |