我正在尝试将类div(即'topbar')移出其容器,并移至ID为div(即'body')的div上方。 JavaScript可以做到吗?
尝试了这样的运气:
document.getElementsByClassName('topbar').appendChild(document.getElementsById('body'));
更新问题以更好地理解。我想将topbar移到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>