21、深入探索DOM与事件处理

深入探索DOM与事件处理

1. 探索DOM

1.1 DOM元素的移除

在操作DOM时，移除元素是常见的需求。例如，要移除一个id为“intro”的段落，可以使用以下代码：

var para = document.getElementById( 'intro' );
para.parentNode.removeChild( para );

在这个例子中， para 变量引用了id为“intro”的段落。然后，通过 parentNode 属性找到其父节点，再调用 removeChild() 方法并指定要移除的节点 para ，这样该段落就会从DOM（以及浏览器中网页的实时版本）中移除。

另外，要移除一个元素的所有子节点，可以通过循环遍历并逐个删除：

while ( div_content.childNodes[0] ) {
  div_content.removeChild( div_content.childNodes[0] );
}

或者，使用 innerHTML 属性来清空所有HTML内容：

div_content.innerHTML = '';

不