javascript - 使用异步JS绘制DIV

Question

我不需要代码方面的帮助，但需要设计问题的解决方案。

我设计了一个异步函数，完全按照这个问题的接受答案中的解释:How to make a function wait until a callback has been called using node.js 。

我还按照此处所述调用该异步函数:

myFunction(query, function(returnValue) {
  // Display returnValue and display it in a DIV called myDIV
});

我的问题:

我有一个网页，其中包含页眉、页脚以及它们之间的 2 个 DIV。

单击其中一个 DIV 会删除(display:none)它们并调用上面的 myFunction( ... )。但是 DIV(在上面的评论中)不会在页面的页眉和页脚之间显示。

当我尝试这个时:

myFunction(query, function(returnValue) {
      // creating a DIV as a documentElement to display returnValue within it
      // document.body.append(myDIV)
});

我看到 myDIV 附加在页脚之后，但不在页面的页眉和页脚之间(代替之前的 2 个 DIV)

您能告诉我如何解决这个问题吗？

Answer 1

//document.body.append(myDIV)

您将 div 附加到正文，因此它将始终是 DOM 中的最后一个元素

尝试在页眉和页脚之间添加一个容器 div 并向其附加新元素