javascript - 将 DIV 动态添加到模态

Question

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

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

另外，如何删除它？

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