非同期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（上記のコメント内）は、ページのヘッダーとフッターの間には表示されません。

私がしようとすると、この：私はmyDIVがない、ヘッダーとページのフッターの間

（2つの以前のdiv要素の代わりに）あなたをしてくださいできフッターの後に追加が、参照

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

この問題に取り組む方法を教えてください。

Answer 1

// document.body.append(myDIV)

あなたは体にdiv要素を追加しているので、それは常にあなたのヘッダーとフッターの間のコンテナのdivを追加するDOM

試してみるの最後の要素であると、それに新しい要素を追加します

Answer 2

これら2つのDIVをコンテナDIVにラップし、DIVにIDを割り当てます。 DIVを削除するまでにコンテナを削除しないでください。 コンテナDIVのIDを使用して新しい要素を追加できます。

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