javascript AJAX跨域 回调函数 IE浏览器下面表格内容不能修改
代码如下:
<html>
<head>
<script type="text/javascript">
window.onload = function()
{
try
{
var vBookList =document.getElementById("T").getElementsByTagName("tr");
var vCnt=vBookList.length;
//调用远程服务
for(var i=0;i<vCnt;i++)
{
var vBookid= vBookList[i].getElementsByTagName("td")[0].innerHTML;
var vURL="http://192.171.0.107/getbookcaseno.ashx?szBarCode="+vBookid+"&callback=showBookcaseno";
var script = document.createElement('script');
script.setAttribute("type","text/javascript");
script.src = vURL;
document.body.appendChild(script);
//document.body.removeChild(script);
}
}
catch(e)
{
alert(e.message);
}
}
//回调函数showBookcaseno
function showBookcaseno(data) {
//alert( data.szTrans+" 区号是: "+data.szbarcode);
if(data.szbarcode.length>0 && data.szTrans.length>0)
{ var vBookList =document.getElementById("T").getElementsByTagName("tr");
for(var i=0;i<vBookList.length;i++)
{
var vBookid= vBookList[i].getElementsByTagName("td")[0].innerHTML;
if(vBookid==data.szbarcode)
{
try
{
//alert(vBookList[i].innerHTML.toLowerCase()+"<td><a href="http://www.baidu.com">"+data.szTrans+"</a></td>");
//vBookList[i].innerHTML="<td>"+vBookid+"</td><td><a href="http://www.baidu.com">"+data.szTrans+"</a></td>";
var vDIV = document.createElement('span');
vDIV.innerHTML="<a href="http://www.baidu.com">"+data.szTrans+"</a>";
vBookList[i].appendChild(vDIV);
}
catch(e)
{
alert(e.message);
}
}
}
}
}
</script>
</head>
<body>
<table id="T">
<tr><td>0571</td></tr>
<tr><td>0572</td></tr>
<tr><td>0573</td></tr>
<tr><td>0574</td></tr>
<tr><td>0575</td></tr>
<tr><td>0576</td></tr>
<tr><td>0577</td></tr>
<tr><td>0578</td></tr>
<tr><td>0579</td></tr>
</table>
</body>
</html>
[解决办法]
span怎么会是tr的子节点。。楼猪啊。。。
var vDIV = document.createElement('td');