页面IE浏览器访问可以正常显示表格内数据,firefox也可以显示表格但页面有部分错位,谷歌浏览器Chrome完全不能显示表格内容,请高手指点一下~~代码如下:
// JavaScript Document
var xmlDoc;
function loadComputerXML()
{//document.getElementById ('List1').innerHTML ='数据导入中';
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
//xmlDoc.load("http://trial.ppclass.net/management/get_service_data/");
xmlDoc.load("/management/get_service_data");
getmessage();
}
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.load("/management/get_service_data");
xmlDoc.onload=getmessage;
}
else
{
alert('Your browser cannot handle this script');
}
// if(window.XMLHttpRequest){ 
//              xmlDoc = new XMLHttpRequest(); 
//          } else if(window.ActiveXObject){ 
//              xmlDoc = new ActiveXObject("Microsoft.XMLHTTP"); 
//          } else { 
//              return; 
//          } 
//          xmlDoc.onreadystatechange = function(){ 
//            if(xmlDoc.readyState == 4){ 
//               //updateObj("xmlObj", xmlObj.responseXML.getElementsByTagName("Class")[0].childNodes[1].text); 
//               getmessage();
//             } 
//            } 
//            //xmlDoc.open ("GET", "http://trial.ppclass.net/management/get_service_data/", true); 
//            xmlDoc.open ("GET", "data/service_data.xm ", true); 
//            xmlDoc.send ("")
}
function getmessage(){
  //var results = xmlDoc.responseXML;
  dataArray = xmlDoc.getElementsByTagName('Channel'); 
      var dataArrayLen = dataArray.length; 
  //alert(dataArrayLen);
  var datastr="";
  datastr='<table cellspacing="1" class="tablesorter"><thead><tr>';
  datastr+='<th style="width:220px;">ChannelUID</th><th style="width:160px;">ChannelName</th><th style="width:100px;">Screen_Codec</th><th style="width:90px;">Video_Codec</th><th style="width:90px;">Tracker</th><th style="width:100px;">Mux_Server</th><th style="width:90px;">ClassroomID</th><th style="width:80px;">内部测试用</th><th style="width:120px;">有对应物理教室</th><th style="width:220px;">ChannelUID</th>';
  datastr+='<th style="width:60px;">BitRate</th><th style="width:70px;">观众数目</th><th style="width:80px;">PushTimes</th><th style="width:120px;">Max_Seed_Peer</th><th style="width:130px;">Current_Seed_Peer</th><th style="width:170px;">UpLimit_Output_BandWidth</th><th style="width:200px;">Current_Output_BandWidth</th>';
  datastr+='</tr></thead><tbody>';
  for(var i=0;i<dataArrayLen;i++){
datastr+='<tr>';
datastr+='<td><a href="/management/admin/ppclass_admin/channel/'+dataArray[i].childNodes[0].text+'">'+dataArray[i].childNodes[0].text+'</a></td>';
datastr+='<td>'+dataArray[i].childNodes[1].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[2].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[3].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[4].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[5].text+'</td>';
datastr+='<td><a href="/management/admin/ppclass_admin/classroom/'+dataArray[i].childNodes[6].text+'">'+dataArray[i].childNodes[6].text+'</a></td>';
datastr+='<td>'+dataArray[i].childNodes[7].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[8].text+'</td>';
datastr+='<td><a href="/management/admin/ppclass_admin/channel/'+dataArray[i].childNodes[0].text+'">'+dataArray[i].childNodes[0].text+'</a></td>';
datastr+='<td>'+dataArray[i].childNodes[9].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[10].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[11].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[12].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[13].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[14].text+'</td>';
datastr+='<td>'+dataArray[i].childNodes[15].text+'</td>';
datastr+='</tr>';
  }
  datastr+='</tbody></table>';
  document.getElementById('demo').innerHTML=datastr;
}
/*function ChangbgColor(id,num,arrlen){

for(var i=0;i<arrlen;i++){
if(i==num){
alert(id+i);
document.getElementById(id+i).style.color='#ff0000';
document.getElementById(id+i).className='trbg'; }
}
}*/