Css 将div的内容移动到代码底部

在我目前工作的网站上，我有一个div，加载速度很慢，导致页面加载速度很慢，但也会跳转，因为在这个缓慢的div加载之前，并不是所有的位置元素都加载。我无法控制该div的内容，因为该div的内容来自外部源。

---

所以我想知道我是否可以将这个div的内容移动到代码的底部，这样它就可以在页面剩余部分之后加载，同时仍然保持内容在网页上的相同位置？类似于人们对一些java脚本代码所做的操作。

您可以使用CSS定位div并将其放在最后。或者javascript实际上是个好主意，在window.onload（）函数中加载内容。

您可以找到2个div-一个在应该的位置，第二个在页面底部。这两个元素最初都应显示“无”。加载页面后，使用JavaScript将“pseudo”div的内部内容复制到所需的div，并为此创建显示块。

如Sergey所说，执行类似操作

<script> 
function switchDivs() {
  document.getElementById("whereYouWantIt").innerHTML = document.getElementById("contentIsInHere").innerHTML;
  document.getElementById("contentIsInHere").innerHTML = "";
  document.getElementById("whereYouWantIt").style.display = "inline";
}
</script>

</body>

头脑中的javascript window.onLoad=function（）{switchDivs（）；}

HTML在您想要的内容的上面

<div id="whereYouWantIt"></div>

---

向我们展示一些您尝试过的代码，正如您自己所暗示的，这确实可以通过Javascript实现。更多信息需要具体说明。如果我有代表的话，我会这么做。@user1738676我刚刚向你提供了。你现在应该可以点击我答案旁边的复选框，然后在它给你代表后，你也应该可以点击。你是使用javascript还是绝对定位？我尝试了JS，但在加载页面后，我只得到了一个加载条，什么都没有发生。还必须在第一行的函数之后添加（）。但是CSS的方式完成了任务。

<script> 
function switchDivs() {
  document.getElementById("whereYouWantIt").innerHTML = document.getElementById("contentIsInHere").innerHTML;
  document.getElementById("contentIsInHere").innerHTML = "";
  document.getElementById("whereYouWantIt").style.display = "inline";
}
</script>

</body>

#whereYouWantIt {
    display:none;
    other styles ...
}
#contentIsInHere {
    display:none;
    no other styles needed
}