JS 如何删除当前节点内容

JavaScript017

JS 如何删除当前节点内容,第1张

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、在index.html的<script>标签中,输入js代码:document.body.removeChild(document.getElementById("1"))。

3、浏览器运行index.html页面,此时会发现123所在的整个div以及它的内容都被移除了。

首先要取到A元素 你通过class 如果用原生JS 需要封一个函数来取

因为这里只有1个A 所以可以用

var oDiv=document.getElementById('one')

var oA=oDiv.getElementsByTagName('a')[0]

var aDiv=oDiv.getElementsByTagName('div')[0]

在DOM树里 把第一个class为fl 的DIV 删了

oA.onclick=function(){

oDiv.removeChild(aDiv)

}

通过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>