概念: node节点是DOM中全部节点的基础节点,全部节点都共享着node节点的基本属性和方法,该接口由DOM中全部节点类型实现,这个Node接口在js当中是做为Node类型实现的,除了IE,其余全部浏览器均可以访问该类型。
Node节点的经常使用属性
一、基本属性
nodeType: 节点类型-- 经常使用的 元素节点1, 属性节点2, 文本节点3, 注释节点8, document节点9;
nodeName: 不一样节点返回不一样节点名称-- 元素节点的nodeName是标签名称(大写),属性节点的nodeName是属性名,文本节点永远是#text, 文档节点nodeName永远是#document
nodeValue: 不一样节点的类型设置或返回节点的值-- document.nodeValue // null , element.nodeValue=null, attr.nodeValue // 为其属性值, text.nodeValue为其值
二、关系属性
node.childNodes;
保存着一个由直接子节点组成的nodeList(有序的节点列表)对象,可能包括元素,文本节点,注释或处理指令,随文档内容更新而更新,一个类数组对象
node.parentNode: 指向当前元素的父节点
node.previousSibling: 指向当前元素的前一个同胞节点
node.nextSibling: 指向当前元素的后一个同胞节点
node.firstChild: 指向childNodes中第一个节点
node.lastChild: 指向childNodes中最后一个节点
三、 经常使用方法
一、操做节点
appendChild(): 添加节点
insertBefore(newNode, oldNode); 插入节点
replaceChild(new, old): 替换节点
removeChild() 要移除的节点
二、 其余方法
hasChildNodes(): 这个方法在节点包含一或多个子节点的状况下返回true
cloneNode(): 这个方法接收一个布尔值参数,true表示深复制,也就是肤质节点及其整个子节点数
参数为false,只复制节点自己。