动态地将DIV添加到模态

Question

所以我有一个基于文本的探索游戏，用户可以在其中键入方向并移动地点并显示适当的图像，等等。到目前为止，我创造了一个有边界的世界。

我现在要做的是添加用户可以与之交互的项目 - 剑，地图等。我知道我可以使用document.createElement("div")创建一个div，但是，我将如何将它添加到模态div？我的意思是，我可以通过document.appendChild()将其添加到正文中但是添加到div中？

另外，我该如何删除它？

因此用户输入广告资源并显示模式。当用户输入选择时，例如在剑上，下次用户输入广告资源时应该会添加新的div

欢迎提出改善游戏的建议

Answer 1

你应该参考存储在变量中的模态窗口：

// modal_div contains reference to your modal
// or to particular element inside it
var modal_div = document.getElementById("my_modal");

// later you create new element and use appendChild to add it
var new_element = document.createElement("div");
modal_div.appendChild(new_element);

Answer 2

您可以使用jQuery的.after()，.append()，.before()，.remove()等来添加，删除，替换页面上的元素。

您可以使用jQuery轻松导航DOM，查看他们的教程：http://try.jquery.com/

关于遍历DOM的练习：http://try.jquery.com/levels/2/challenges/1