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>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.