Javascript 如何从div中删除子元素

我得到了一些这样的错误

<div class="" style="" id ="P1">
    <div class= " " style="" id ="C1">
        <Input>Val</Input>
    </div>
    <div class= " child2" style="" id ="C2">
        <Input>Val2</Input>
    </div>
</div>

未捕获的TypeError:未能在“节点”上执行“removeChild”： 参数1不是“节点”类型

我的部门是这样的

<div class="" style="" id ="P1">
    <div class= " " style="" id ="C1">
        <Input>Val</Input>
    </div>
    <div class= " child2" style="" id ="C2">
        <Input>Val2</Input>
    </div>
</div>

---

这就是我正在尝试的。谁能帮我弄到这个吗

要删除id为P1的

div

的所有子级，只需执行以下操作：

document.querySelector（#P1”）.innerHTML=“”；
//还是用这个
//document.getElementById（“P1”）.innerHTML=“”；
//或者像这样的jQuery解决方案
//$（'#P1'）.html（“”）

瓦尔
瓦尔2
方法删除特定的子节点。如果需要删除所有子节点，请将其放入while循环中

firstChild返回第一个嵌套元素。成功删除后，下一个子项将是第一个子项，因此只要第一个子项存在，它就会执行


var prtElement=document.getElementById（'P1'）；
while（第一个孩子）{
prtElement.removeChild（prtElement.firstChild）；
}

瓦尔
瓦尔2
我建议使用jQuery：

$(document).ready(function(){
/* or whatever else function you want */
$("#parent").children().remove();
});

在dom元素中。想要从dom中删除。
数据
是我的组件的id。您正在使用jquery吗？在哪种情况下要删除所有子div？我只能访问id而不能访问类