DOM筆記(二) Node介面

2022-04-10 08:45:13 字數 2161 閱讀 7557

所有的節點都使用node介面來表示,可以使用很多方法去獲取節點,如document.getelementsbytagname()、document.getelementsbyname()等均返回乙個nodelist物件,然後獲取其中的節點。

節點對應的屬性和放大均在node介面予以定義:

1、node介面常見的屬性列表

屬性名資料型別

說明nodename

domstring

返回節點名

nodevalue

domstring

返回節點值

nodetype

int返回節點型別(見後文)

parentnode

node

返回當前節點的父節點

childnodes

nodelist

返回當前節點的所有子節點

firstchild

node

返回當前節點的第乙個子節點

lastchild

node

返回當前節點的最後乙個子節點

previoussibling

node

返回當前節點的緊鄰的前乙個兄弟節點

nextsibling

node

返回當前節點的緊鄰的後乙個兄弟節點

attributes

namednodemap

返回當前節點的所有屬性

ownerdocument

document

返回當前節點對應的document物件

namespaceuri

domstring

返回當前節點所屬命名空間的uri

prefix

domstring

返回當前節點所屬命名空間的字首

localname

domstring

返回當前節點限定名的本地部分

2、node介面常見的方法列表

方法名資料型別

說明node

在末尾新增乙個子節點

clonenode

node

轉殖乙個子節點

hasattributes

boolean

判斷該節點是否有屬性

haschildnodes

boolean

判斷該節點是否有子節點

insertbefore

node

在指定節點插入乙個節點

issupported

boolean

判斷節點特定是否被支援

normalize

void

規格化節點

removechild

node

刪除乙個子節點

replacechild

node

替換乙個子節點

3、node型別

在dom文件中,每乙個節點都屬於一種型別,可以使用node.nodetype屬性獲取節點的型別。dom規範規定了12種節點型別,可以使用node介面定義的常量表示,也可以用數字表示。

節點型別常量

數值表示

說明element_node

1元素節點

attribute_node

2屬性節點

text_node

3文字節點

cdata_section_node

4cdata節點

entity_reference_node

5實體引用節點

entity_node

6實體節點

processing_instruction_node

7處理指令節點

comment_node

8注釋節點

document_node

9文件節點

document_type_node

10文件型別節點

document_fragment_node

11文件片段節點

notation_node

12符號節點

ps:ie不支援常量表示,最好用數字表示。最常用的六種node型別:1,2,3,8,9,11

原文首發:

dom筆記(三):element介面和htmlelement介面

DOM筆記(一) HTMLDocument介面

操作html文件的第一步就是獲取對文件元素的引用,每乙個元素在dom中就是乙個節點,所有的元素在dom中構成乙個節點樹。用於獲取元素節點定義的方法定義於htmldocument介面,window.document方法用於實現該介面,其定義的常用方法和屬性如下 屬性或方法 返回值型別 說明 gette...

node筆記 二 fs模組

var fs require fs 檢測是檔案還是目錄 fs.stat txt.txt function err,state else 建立目錄 fs.mkdir css function err else 讀取檢視目錄 fs.readdir html function err,data else ...

Node模組 學習筆記(二)

node的模組分為三大類 全域性模組 系統模組 自定義模組 demo示例 1.js console.log process.env if process.env.dev else console.log dirname 常用的系統模組 demo示例 1 path模組的示例 2.js let path...