调试 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>";

此行导致未知运行时错误

Answer 1

如果您需要将innerHTML设置为“”（空字符串），那么您可以使用removeChild代替

Answer 2

这不是一个大问题，因为几天前我遇到了同样的问题以及这个错误的原因
ie 中出现的情况是 - 我们的 html 格式存在错误，或者您正在使用 以外的元素来替换 innerHTML ie 仅使用，不要使用表格、div 来替换 innerHTML。

• 斯瓦普尼尔克

Answer 3

为什么它发生在 IE 中...

案例场景：

在 Div 中访问 Div 以添加 ajax 内容时，IE 中出现 Javascript 未知运行时错误。

解决方案：

永远不要将嵌套的 div 放置在表单标签之间来播放其中的内容..:)

Answer 4

使用 YUI 时尝试使用

Y.one('#'+data.id).setContent(html); 

：

Y.one('#'+data.id).set('innerHTML' , html);

Answer 5

太好了，我在设置 innerHTML 时遇到了同样的情况。 当我读到这篇文章时，我意识到其中一个元素是 TR，另一个元素是 TD，并且 TD 正在工作。

更改代码使它们都是 TD 可以修复此问题，这意味着这是由表结构引起的相当不明显的问题。

当我开始更改表行时，大概它会导致 DOM 出错，因为它无法再将表存储为数组。

我确信 IE 可以提供更丰富的错误消息，因为 DOM 动态更改并不罕见，而且这只会引发表错误，这似乎很奇怪。

Answer 6

哦，是的 - 请记住 HTML 结构必须有效。

我尝试将整个页面加载到

标记中 - 它失败了（显然），将其更改为

标记解决了我的问题！

所以请记住 HTML 结构！

Answer 7

我发现在 IE8 中有些元素是只读的：COL、COLGROUP、FRAMESET、HEAD、HTML、STYLE、TABLE、TBODY、TFOOT、THEAD、TITLE、TR。

因此，如果您尝试为这些元素设置innerHTML，IE8 会通知 alter 并显示未知运行时错误。

更多详细信息请参见：http://msdn.microsoft.com/en-us/库/ms533897%28VS.85%29.aspx。

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

Answer 8

我遇到了同样的问题，但我的错误是因为我直接在 p 元素下方插入 p 标签，如下所示：

document.getElementById('p-element').innerHTML = '<p>some description</p>';

我真的不明白这是 HTML 格式错误; 看起来更像是另一个 IE8 bug。

Answer 9

您无法将值设置为表的innerHTML，您应该访问子单元格或行并像这样更改它们：

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

有关更多信息/示例：表、TableHeader、TableRow、TableData 对象

Answer 10

在 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 毫秒结束时调用的函数就会替换跨度的innerHTML。