调试IE8 Javascript替换innerHTML运行时错误

Question

function DeleteData(ID)
{
 var ctrlId=ID.id;

 var divcontents=document.getElementById(ctrlId).innerHTML;
 var tabid=ctrlId.replace(/div/,'tab');
 var tabcontents=document.getElementById(tabid).innerHTML;
 alert(document.getElementById(tabid).innerHTML);
 document.getElementById(tabid).innerHTML="<TBody><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></TBody>";
 document.getElementById(ctrlId).innerHTML='';

}

我试图用空表替换表但是

document.getElementById(tabid).innerHTML="<TBody><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></TBody>";

这条线是造成的 Unknown Runtime Error

Answer 1

您无法将值设置为表的innerHTML,您应该访问子单元格或行并更改它们:

document.getElementById(tabid).rows[0].cells.innerHTML = 'blah blah';

有关更多信息/示例:Table,TableHeader,TableRow,TableData Objects

Answer 2

在IE8中,当尝试从对象内部触发的代码时,您无法更改对象的innerHTML.

例如:

<span id='n1'>
  <input type=button value='test' onclick='DoSomething(this);'>
</span>

将以下代码隐藏在文档的某个远程角落:

<script type='text/javascript'>
  function DoSomething(element)
  {
    document.getElementById("n1").innerHTML = "This is a test"
  }
</script>

这将失败,错误未知运行时错误.我认为这与您尝试替换触发当前执行行的HTML代码有关.onclick事件是由DoSomething函数替换的代码的一部分.IE8不喜欢这样.

我通过设置250毫秒的计时器事件来解决我的问题,这样在250毫秒结束时调用的函数将替换span的innerHTML.

Answer 3

我发现在IE8中有些元素是readonly:COL,COLGROUP,FRAMESET,HEAD,HTML,STYLE,TABLE,TBODY,TFOOT,THEAD,TITLE,TR.

因此,如果您尝试为这些元素设置innerHTML,IE8会通过未知运行时错误通知alter.

更多细节:http://msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx.

最简单的方法是将只读元素转换为div元素.