gpt4 book ai didi

javascript - 使用 Javascript 将类 div 在 DOM 中向上移动?

转载 作者:行者123 更新时间:2023-11-28 00:38:59 24 4
gpt4 key购买 nike

我正在尝试将类 div(即“topbar”)移出其容器并移至具有 id 的 div(即“body”)上方。这可以用 JavaScript 实现吗?

尝试过类似的事情但没有运气:

  document.getElementsByClassName('topbar').appendChild(document.getElementsById('body'));

更新问题以便更好地理解。我想将顶栏移动到 body div 上方。

HTML:

<div id="body"> 
<div class="random"> </div>
<div class="random"> </div>
<div class="topbar"> </div>
</div>

最佳答案

类似这样的东西吗?

var container = document.getElementById('container');
var content1 = document.getElementById('content1');
var subContainer = document.getElementById('subContainer');
var body = document.body;
var content2 = document.getElementById('content2');
container.insertBefore(content1, subContainer);
body.insertBefore(content2, container);
#container {
padding:10px;
background-color: lightgray;
}
#subContainer {
border: 1px solid black;
background-color: gray;
}
<body>
<div id="container">
<div id="subContainer">
<div id="content1">
Content 1 here blah blah blah
</div>
<div id="content2">
Content 2 here blah blah blah
</div>
<div id="content3">
Content 3 here blah blah blah
</div>
</div>
</div>
</body>

关于javascript - 使用 Javascript 将类 div 在 DOM 中向上移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28153400/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com