我正在尝试将类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>

09-26 19:05
查看更多