Javascript 如何在div内部动态创建元素？

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

将它附加到您希望它在其中的元素上

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

---

我刚刚发现的另一种方法是使用insertBefore，在某物之前插入它。我把一个p放在div中我想要元素去的地方，然后它把p放在div中我想要动态创建的元素去的地方。然后，通过使用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>

var-element=document.createElement（“yourElement”）//为要创建的动态创建的元素创建一个var
var parent=document.getElementById（“divID”）//身份证
var child=document.getElementById（“pID”）//我希望动态创建的元素所在的的ID

那么，用div元素的引用替换

document.body.appendChild的
部分document.body
，然后？element.innerHTML+=“其他HTML代码”？您尝试了什么？您是否有示例代码可供共享，以便我们可以帮助您解决问题，而不是为您编写代码？谢谢！在我找到一个使用insertBefore的解决方案后，我看到了这个解决方案，但它似乎是类似的。谢谢，因为我可以在代码的其他部分使用它！