1

我在使用 IE 浏览器时遇到的 outerHTML 问题

如果我说：

txt="Update Complete!";
msg = sub.appendChild(d.createElement("p"));
msg.outerHTML = txt;

它工作正常：

但如果我说

txt="1 Error:<ul><li>Some Error</li></ul>";
msg = sub.appendChild(d.createElement("p"));
msg.outerHTML = txt;

给我一个错误：

Message: Unknown runtime error
Line: 389
Char: 4
Code: 0
URI: http://10.1.1.16/schedule_calendar/js/validate.js

Line:389 属于“msg.outerHTML = txt;”

任何人都可以帮我解决这个问题。在此先感谢

4

2 回答 2

1

由于某些我不知道的原因，在大多数情况下，不允许修改 outerHTML。我猜，这是因为当您修改元素的 outerHTML 时，您实际上是在替换当前元素。

IMO，替换元素比修改其外层HTML 更安全。

在您的情况下，这可能就足够了：

此处更新：

<html>
<head><title>Test</title></head>
<body>
<div>
    some content...
    <div id="sub"></div>
</div>
<script type="text/javascript">
window.onload = function(){
    var sub = document.getElementById('sub');
    var txt="<p>Update Complete!</p>";
    sub.innerHTML = txt;

    alert('test 1');

    txt="1 Error:<ul><li>Some Error</li></ul>";
    sub.innerHTML = txt;
}
</script>
</body>
</html>
于 2010-01-11T08:26:33.537 回答
0

您的代码试图实现什么？在这两种情况下，您都这样做：

  1. 创建一个新p元素
  2. p将元素附加到sub（我假设它本身也是一个元素）
  3. 将元素的设置为一些文本outerHTML。p

你也可以这样做：

  1. 使用所需的文本数据创建一个新的 textNode

  2. 将其附加到sub的子节点：

    sub.appendChild(document.createTextNode("Update Complete!"));

或者，如果sub仍然是空的，只需执行以下操作：

sub.innerHTML = "Update Complete!";
于 2010-01-11T09:07:34.570 回答