JS removeChild()方法,删除DOM元素
removeChild()方法
JavaScript中的removeChild()方法,可以删除或移除参数指定的HTML元素,在使用该方法之前,应当先查找获取到需要被删除的HTML元素本身及其父元素,并通过父元素调用removeChild()方法来删除子元素。
语法
nodeObj.removeChild( elementObj )
提示:nodeObj为父元素对象,elementObj为该元素的子元素。
removeChild()方法实例代码,及在线编辑器
实例中先查找到段落p的父元素div,然后通过div来调用removeChild()方法,删除段落p:
<div id='re1'><p id='re2'>1</p></div>
<button onclick='Del()'>删除p段落</button>
<script>
function Del(){
var d = document.getElementById('re1');
var p = document.getElementById('re2')
d.removeChild(p)
}
</script>