1、新建一个html页面,命名为test.html。
2、在test.html页面内,使用p标签创建三行文字。
3、在p标签的下面,创建一个button按钮,按钮名称为“清除网页内容”。
4、给button按钮绑定onclick点击事件,当按钮被点击时,执行delAll()函数。
5、在test.html页面内,使用function创建delAll函数。
6、在delAll函数内,获得当前页面body对象,使用innerHTML属性赋值为空的方法清除网页内容。
7、在浏览器中打开test.html页面,点击“清除网页内容”按钮,网页显示空白,内容被清除。
function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer'>删除</span></li>"<br>var div = document.getElementById("a")<br>div.innerHTML += inn<br>// 查找span<br>var span = div.getElementsByTagName('span')[0]<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li,也就是父元素<br> var li = this.parentNode<br> // id属性<br> var id = li.id<br> alert(id)<br>}<br>}通过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>