一切皆节点

在 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 返回元素的父节点。