Question

如何使用纯JavaScript将HTML div插入另一个div？我已经找到了如何使用jQuery执行此操作的示例，但我还没有找到如何使用纯JavaScript执行此操作。我正在开发的平台仅限于纯JavaScript。

我想创建一个具有依赖于XML文件的列数和行数的网格。我想为每个类别创建一个div，对于该类别中的每个内容，我想添加一个div。我已经能够使用以下内容创建一个div：

document.createElement("img");

感谢您的帮助。

Answer 1

如果您希望将其添加到现有元素的底部，则需要使用appendChild()。

首先将新元素设置为临时变量：

var newDiv = document.createElement("div");

然后对新元素进行任何更新（例如，添加一个类，设置id属性等）并将其附加到目标元素：

document.getElementById.("TARGET_ID").appendChild(newDiv);

如果目标div中已有其他内容，并且您希望将新元素放在末尾的特定位置，则可以标识目标div的相应子元素，请改用insertBefore()。