使用異步繪製DIV使用JS

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)

要附加的股利身體，所以它總是會在DOM

嘗試添加頁眉和頁腳，並添加新的元素，它

之間的div容器中最後一個元素

Answer 2

將這2個DIV包裝在一個容器DIV中，併爲DIV分配一個ID。 在刪除DIV時不要刪除容器。 現在您可以使用容器DIV的ID追加新元素。

$('#container').append(DIV);