通过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>
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页面，点击“清除网页内容”按钮，网页显示空白，内容被清除。
两种方法1,dataTable.Clear()
2,dataTable.Rows.Clear()
1，dataTable.Clear()和dataTable.Rows.Clear() 都是删除全部的表数据，但不会删除表结构（列信息 ），使用时不必做区分，任选其一都可以。
2，DataTable.Reset方法。将全部数据和表结构（列信息）都删除。
3，用DataRow.Delete()方法删除行后，DataTable的行数不会变，在foreach语句中仍然可以遍历到删除的行，但是不能访问行中的值， 会报System.Data.DeletedRowInaccessibleException的异常。
4，DataTable.GetChanges() 方法也可以取到删除后的行，但是也不能访问行中的值，会报异常。
5，DataTable没有显示实现IDisposable接口，对dataTable.Dispose() 的调用实际上是调用的DataTable的一个父类MarshalByValueComponent的 Dispose() 方法，由于这个原因，Dispose() 方法不会清除DataTable的行数据。因此，如果要完全销毁一个DataTable，可以这样写代码：
1 dataTable.Clear()
2 dataTable.Dispose()
3 dataTable = null
