javascript - innerHTML 没有按预期工作

Question

我到处寻找这个我无法解释的问题的解决方案。

这是问题所在，每当我使用 javascript 的 innerHTML 注入(inject)以下字符串时:

例子:

var s = "<div><p><div><p></p></div></p></div>"

document.getElementById("id").innerHTML = s;

在 Firefox 中，使用 firebug，我查看最新标记并看到 <div><p></p><div><p></p></div></div>

有人知道这是怎么回事吗？

Answer 1

您不能将 p 或 div 嵌套在另一个 p 中。关闭 p 是浏览器尝试使您的无效 HTML 有效的方式。