javascript - 标题标签中的 div 自动关闭

Question

我有这个 HTML 内容。我知道这不是正确的 HTML，但我无法更改它，因为它是由 WYSIWG 编辑器生成的用户，并且这个错误已被用户犯了很多次:

<div>
  <H2 style="COLOR: #0000ff"> <DIV align=left>TEXT<br /></H2></STRONG>
  </DIV>
</div><br />

问题在于 H2 标签之后的 Div 在 H2 的结束标签之后关闭。

发生的是 H2 自动关闭封闭的 DIV，而原来的关闭上面的 Div。

由于我无法更改那些内容文件中的源代码，有没有办法用 CSS 来防止这种行为？？？

Answer 1

CSS 不会解决这个问题。如果这是由编辑器专门生成的，那么您需要一个新的编辑器。如果您根据可编辑区域的内容在 JavaScript 中设置内容，您可能很幸运。浏览器在分配内容时自动关闭标签。假设您有 JavaScript 来处理该内容，并且您正在将该 HTML 分配给一个元素。当它被分配给元素时，它将添加结束标签，然后当您在正确的时间以编程方式关闭标签时，您将获得重复的关闭。我发现当我这样做时我需要将 HTML 暂时存储到一个字符串 var 中，然后在完成后分配 HTML。如果您需要一个快速的轻量级 html5 编辑器，我在 http://www.makrit.net/5edit 有一个。