需要准备的材料分别是:电脑、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>