javascript - 动态地将 DIV 添加到模式中

Question

所以我有一个基于文本的探索游戏，用户可以输入方向并前往地方，然后会出现适当的图像等等。到目前为止，我已经创造了一个有边界的世界。

我现在想做的是添加用户可以交互的元素——剑、 map 等等。我知道我可以使用 document.createElement("div") 创建一个 div 但接下来，我将如何将它添加到模态 div 中？我的意思是，我可以通过 document.appendChild() 将其添加到正文中，但是添加到 div 中？

另外，如何删除它？

因此，用户输入库存，模式就会显示出来。当用户输入 pick 时，比如在一把剑上，下次用户输入 inventory 时，应该会添加一个新的 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);