代码之家 › 专栏 › 技术社区 › Treby

javascript:ie:outerhtml

outerhtml internet-explorer html javascript

Treby · 技术社区 · 16 年前

使用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

行:389属于“msg.outerhtml=txt;”

有人能帮我做这个吗?提前谢谢

2 回复 | 直到 16 年前

jerjer 16 年前

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

在我看来,替换一个元素比修改它的outerhtml更安全。

在你的情况下,也许这就足够了:

此处更新:

<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>

Roland Bouman 16 年前

您的代码试图实现什么?在这两种情况下,您都需要:

创建新的 p 要素
追加 磷 元素到 sub (我认为这也是一个元素本身)
设置 outerHTML 的 磷 元素转换为某些文本。

你也可以这样做:

使用所需的文本数据创建新的textnode
追加到 附属的 子节点:

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

或者,如果 附属的 不管怎样都是空的,只需执行以下操作:

sub.innerHTML = "Update Complete!";

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前