如何限制html代码对单个div（或其他元素）的影响

Question

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

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

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

谢谢

Answer 1

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

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

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

Answer 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>";
}

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