DOM-- NODE类型(记录点)

概念: node节点是DOM中所有节点的基础节点,所有节点都共享着node节点的基本属性和方法,该接口由DOM中所有节点类型实现,这个Node接口在js当中是作为Node类型实现的,除了IE,其他所有浏览器都可以访问该类型。

Node节点的常用属性

1、基本属性

nodeType: 节点类型-- 常用的  元素节点1, 属性节点2, 文本节点3, 注释节点8, document节点9;
nodeName: 不同节点返回不同节点名称-- 元素节点的nodeName是标签名称(大写),属性节点的nodeName是属性名,文本节点永远是#text, 文档节点nodeName永远是#document
nodeValue: 不同节点的类型设置或返回节点的值-- document.nodeValue // null , element.nodeValue=null, attr.nodeValue // 为其属性值, text.nodeValue为其值

2、关系属性

node.childNodes;
保存着一个由直接子节点组成的nodeList(有序的节点列表)对象,可能包括元素,文本节点,注释或处理指令,随文档内容更新而更新,一个类数组对象
node.parentNode: 指向当前元素的父节点
node.previousSibling: 指向当前元素的前一个同胞节点
node.nextSibling: 指向当前元素的后一个同胞节点
node.firstChild: 指向childNodes中第一个节点
node.lastChild: 指向childNodes中最后一个节点

3、 常用方法

1、操作节点
    appendChild(): 添加节点
    insertBefore(newNode, oldNode); 插入节点
    replaceChild(new, old): 替换节点
    removeChild() 要移除的节点
    
2、 其他方法
    hasChildNodes(): 这个方法在节点包含一或多个子节点的情况下返回true
    cloneNode(): 这个方法接收一个布尔值参数,true表示深复制,也就是肤质节点及其整个子节点数
                  参数为false,只复制节点本身。

相关推荐