JS中如何删除某个元素下的所有子元素（节点）？

JS中如何删除某个父元素下的所有子元素？这里我介绍几种方法：

1.通过元素的 innerHTML 属性来删除

　　这种方式我觉得是最有方便的，直接找到你想要的父元素，直接令其 element.innerHTML = ""; 

　　举例说明：

<input type="button" value="按钮"> <div> <p>1</p> <p>2</p> <p>3</p> </div> <script> document.getElementById("btn").onclick = function () { document.getElementById("dv").innerHTML = ""; } </script>