我可以使用JavaScript或CSS来关闭之前的div吗?

前端之家收集整理的这篇文章主要介绍了我可以使用JavaScript或CSS来关闭之前的div吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在内容管理系统的限制下工作,有时迫使我做一些奇怪的事情,因为我没有完全控制HTML代码.

在这种情况下,我有一种情况,我希望一个DIV不嵌套在另一个DIV中.由于CMS设置,我不能只在HTML代码中重新排序DIV.

所以,我有这个:

我需要的是:

如果我可以访问HTML,这就像复制和粘贴一些行一样简单.但是,因为我不能只改变HTML,我想知道的是,有什么方法可以使用CSS或JavaScript关闭博客DIV,以便free-me可以成为兄弟姐妹.

我试过这个(即使我知道它不会起作用):

.free-me::before {
    content: '

正如所怀疑的那样,只是呈现了文字说< / div>进入页面.

对于JavaScript,我当然不是专家,但似乎你只能使用像document.createElement(‘div’)这样的命令插入带有开始和结束标记的完整元素;我看不清楚采用现有DIV并将其关闭的明确方法.

有没有办法,无论是使用CSS还是JavaScript,我都可以强制DIV关闭或插入结尾< / div>标签

注意:最好是非jQuery解决方案.

最佳答案
如果你只想在渲染后从另一个中弹出一个div,我建议你使用jQuery insertAfter方法.我也使用CMS并确切地知道你的感受.

$(".free-me").insertAfter(".blog");
.blog {
  border: 1px solid red;
  width: 100px;
  height: 20px;
  text-align: center;
}

猜你在找的HTML相关文章