DOM-- NODE類型(記錄點)

概念: 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,只複製節點自己。
相關文章
相關標籤/搜索