js中的節點操作

2022-07-27 10:06:12 字數 1313 閱讀 4556

網頁中所有的內容都是節點(標籤,屬性,文字,注釋等)

每乙個節點都有nodetype屬性,nodename屬性和nodevalue屬性

常用的節點

元素節點

nodetype: 1

nodename: 大寫的標籤名

nodevalue: null

屬性節點

nodetype: 2

nodename: 屬性名稱

nodevalue: 屬性值

文字節點

nodetype: 3

nodename: #text

nodevalue: 文字內容

注釋節點

nodetype: 8

nodename: #comment

nodevalue: 注釋內容

節點操作與dom獲取元素比較

獲取元素通常使用兩種方式

1、利用dom提供的方法獲取元素

document.getelementbyid()  指定類名的元素集合

document.getelementbyclassname()     指定標籤名的元素集合

document.queryselector()等  沒有時效性

邏輯性不強,繁瑣

2、利用節點層級關係獲取元素

利用父子兄弟節點關係獲取元素

邏輯性強,但相容性差

節點操作屬性

ie8不相容兄弟元素,子元素的操作,執行得到undefined,而且 在ie8裡面沒有任何替代方案

ie8要獲取兄弟元素,子元素 只能通過節點獲取,所以需要相容**

轉殖節點只會在記憶體中轉殖乙份, 不會新增到頁面上 只能手動新增

轉殖會把id也轉殖過去

引數預設為false不轉殖任何子節點,包括自身的文字,true轉殖所有子節點

js的節點操作

父級節點 var par li.parentnode 所有兒子節點 var all child li.children 第乙個 最後乙個子節點 var fir li.firstchild var las li.lastchild 第乙個子元素 最後乙個 節點 var fir element li.f...

js節點操作

每個節點都有乙個 parentnode 屬性,該屬性指向文件樹中的父節點。包含在 childnodes 列表中的所有節點都具有相同的父節點,因此它們的 parentnode 屬性都指向同乙個節點。此外,包含在childnodes 列表中的每個節點相互之間都是同胞節點。通過使用列表中每個節點的 pre...

Js節點操作

一 節點常用操作 二 節點屬性 屬性操作的標準方法 node.getattribute 返回當前元素節點的指定屬性。如果指定屬性不存在,則返回null node.setattribute 為當前元素節點新增屬性。如果同名屬性已存在 node.hasattribute 返回乙個布林值,表示當前元素節點...