加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 23:12:53 所属栏目:资源 来源:网络整理
导读:我在内容管理系统的限制下工作,有时迫使我做一些奇怪的事情,因为我没有完全控制HTML代码. 在这种情况下,我有一种情况,我希望一个DIV不嵌套在另一个DIV中.由于CMS设置,我不能只在HTML代码中重新排序DIV. 所以,我有这个: 我需要的是: 如果我可以访问HTML,这

我在内容管理系统的限制下工作,有时迫使我做一些奇怪的事情,因为我没有完全控制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;
}