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