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

标签 javascript jquery html css

我有这个 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 来防止这种行为???

最佳答案

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

关于javascript - 标题标签中的 div 自动关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20333529/

相关文章:

javascript - 在 HTML <canvas> 中动态定位按钮

html - 长表列表的样式问题

来自元素底部的 Javascript 垂直线

javascript - 如何使用jquery显示子数组中的特定数据?

javascript - 导入 jQuery 验证

javascript - 为什么 jQuery 的 triggerHandler() 不阻止内联事件?

javascript - 如何使用js隐藏url中的#hash

javascript - 如何在谷歌地图图表中使用动态图标

javascript - 强制 jQuery 在页面加载完成后运行?

javascript - 在 Masonry 的 container.append 上出现错误 Uncaught TypeError : Object has no method filter