所有的節點都使用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...