如何在div中动态创建元素

Question

上面有一个问题，想知道如何在div中动态创建元素。现在我已经学会了如何动态创建元素，但它不在任何div中，使用document.body.appendChild.

Answer 1

将它附加到您希望它位于的元素中。

const parentElement = document.querySelector('.yourParentElement');
parentElement.appendChild(yourDynamicChildElement);

Answer 2

我刚刚找到的另一种方法是使用insertBefore，将其插入到某个东西之前。我把一个p放在我希望元素所在的div中，然后它把p放在了我希望动态创建的元素所在的地方。然后，通过使用insertBefore，它将在p之前插入我动态创建的元素，使它进入我想要的位置。

var element = document.createElement("yourElement");//make a var for the dynamically created element that you want to make

var parent = document.getElementById("divID");//ID of the <div>
var child = document.getElementById("pID");//ID of the <p> where I want my dynamically created element to go

<div>
<p id="pID"></p>
</div>