如何限制 html 代码对单个 div（或另一个元素）的影响答案

【问题标题】：How can i limit the effect of html code over a single div (or another element)如何限制 html 代码对单个 div（或另一个元素）的影响
【发布时间】：2012-07-11 18:46:48
【问题描述】：

<div>
<b> some test
</div>
another text

这将打印“另一个文本”粗体。是否有可能仅在 <div> 元素内限制 <b> 的效果？我在网上搜索了一些 javascript 解决方案，但找不到任何东西。

请不要问我为什么需要这个。假设是出于好奇。

谢谢

【问题讨论】：

这是格式错误的 HTML。你期待什么？

标签： html effect

【解决方案1】：

如下图所示关闭粗体标签。这是基本的 HTML。

<div>
    <b>some text</b>
</div>
Another text

更多关于 html 的信息在这里：http://www.w3schools.com/html/

【讨论】：

我知道代码有错误。我想用这个来描述我需要什么样的行为。我需要 JS 捕捉到这个错误并且不允许破坏其余的代码。所以请不要再像“关闭粗体标签”这样的cmets了

【解决方案2】：

一个有趣但可行的解决方案是在元素的 innerHTML 中注入结束标记。

让我们想想：

jQuery

$('div').each(function(){
   $(this).append("</b></i></u></s></small></code>");
});

纯 JavaScript

var dv=document.getElementsByTagName('div');
for (var i=0;i<dv.length;i++) {
    dv[i].innerHTML += "</b></i></u></s></small></code>";
}

这是一个非常糟糕的做法，因为您应该始终注意关闭您可能打开的每个标签，但是如果它们尚未关闭，这将关闭格式化标签。

【讨论】：