JavaScript：使用 removeChild 删除某个对象，一定要由父亲来执行！

最新推荐文章于 2024-06-21 17:33:35 发布

helloword222

最新推荐文章于 2024-06-21 17:33:35 发布

阅读量930

点赞数

CC 4.0 BY-SA版权

文章标签： javascript div button function html

本文链接：https://blog.youkuaiyun.com/helloword222/article/details/5681563

本文介绍JavaScript中removeChild方法的使用细节及其限制。该方法仅能删除作为指定父元素直接子元素的对象。通过示例代码展示了当尝试删除非直接子元素时所遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

顾名思义，removeChild 这个函数，删除的是某个对象的子对象！

下面的代码，点击按钮“删除2”不起作用。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function removeDiv(divId){
var oDiv = document.getElementById(divId);
document.body.removeChild(oDiv);
}
</SCRIPT>
</HEAD>

<body>
<div id="div1"><div id="div2">dddddd</div>
<div>
<input type="button" value="删除1" onclick="removeDiv('div1')" />
<input type="button" value="删除2" onclick="removeDiv('div2')" />
</body>
</HTML>