HTML DOM 节点

一切皆节点

在 HTML DOM （文档对象模型）中，节点主要包括（括号中用数字表示节点类型）：元素（1）、属性（2）、文本（3，其中换行符也是一个文本节点）、注释（8）、文档（9）。

其中重要的方法应用主要是增、删、改、查。

1、增，在上一篇随笔已经详细介绍了两种方法。

2、删，即element.removeChild() 从元素中移除子节点。

语法：node.removeChild(node)

以 Node 对象返回被删除的节点，如果节点不存在则返回 null。

步骤：（1）获取父节点 （2）获取想要删除的节点 （3）删除节点

parent.removeChild(child);

3、改，即element.replaceChild() 替换元素中的子节点。

  语法：node.replaceChild(newnode,oldnode)

  新节点可以是文档中某个已存在的节点，或者您也可创建新的节点。

  旧节点会被删除

  步骤：（1）创建一个新节点或选择已有节点（2）获取父节点（3）获取想要被替换的节点 （4）替换节点

       parent.replaceChild(para,child);

4、查，查询节点，方法有很多，比如：

element.firstChild 返回元素的首个子。

element.firstChild 返回元素的首个子。

element.nextSibling 返回位于相同节点树层级的下一个节点。

element.nextSibling 返回位于相同节点树层级的下一个节点。

element.parentNode 返回元素的父节点。

element.parentNode 返回元素的父节点。

element.parentNode 返回元素的父节点。