js删除一个父元素下面的所有子元素

JavaScript011

js删除一个父元素下面的所有子元素,第1张

以你的程序为例。

删除一个父元素下面的所有子元素:

document.getElementById("ok").innerHTML = ""

删除其中的一个：

document.getElementById("ok").remove(document.getElementById("ok").children(i))

//删除id为"ok"下的第i-1个子元素

通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。

javascript删除一个html元素的步骤：

<!--创建一个html文件-->

<div id="div">

<div id="div1">知道</div>

<input type="button" value="删除div1" id="btn"/>

</div>

<script>

var o=document.getElementById("div")//获取父节点

var a=document.getElementById("div1")//获取需要删除的子节点

var b=document.getElementById("btn")//获取触发事件的节点

b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}

</script>