DOM 常用查詢元素

(1)不需要查詢就可直接獲得的元素物件: 4種:

document.documentelement -- document.head -- document.body -- document.forms[i]

--

(2)如果已經獲得乙個元素物件，找周圍附近的元素物件時，就用按節點間關係查詢：2大類關係，6個屬性.

a. 父子關係: 4種

1 ). 元素.parentelement或元素.parentnode //元素的父元素2) . 元素.children //元素下的所有直接子元素3) . 元素.firstelementchild //元素下的第乙個直接子元素4)

. 元素.lastelementchild //元素下的最後乙個直接子元素

b. 兄弟關係: 2種

1 ). 元素.previouselementsibling //元素的前乙個兄弟2)

. 元素.nextelementsibling //元素的後乙個兄弟

(3). 如果用乙個特徵就能找到想要的元素，就用按html特徵查詢：4個方法:

a. 按id查詢:

var 乙個元素物件=document.
getelementbyid
("id名"
);

b. 按標籤名查詢:

var 類陣列物件=任意父元素.
getelementsbytagname
("標籤名"
)

c. 按class名查詢:

var 類陣列物件=任意父元素.
getelementsbyclassname
("class名"
)

d. 按name名查詢表單元素:

var 類陣列物件=document.
getelementsbyname
("name名"
)

(4). 如果通過複雜的查詢條件，才能找到想要的元素時，就用按選擇器查詢: 2個方法

a. 只查詢乙個符合條件的元素:

var 乙個元素=任意父元素.
queryselector
("任意選擇器"
)

b. 查詢多個符合條件的元素:

var 類陣列物件=任意父元素.
queryselectorall
("任意選擇器"
)

總結: 查詢函式的返回值規律:

如果原函式返回下標位置, 如果找不到，返回-1

如果原函式返回乙個陣列或乙個物件，如果找不到，返回null

如果原函式返回類陣列物件，如果找不到返回空類陣列物件:

·本人寫部落格就是想記錄一下自己所學的知識（目前正在學習中），鞏固知識加深記憶，也順便分享一下自己的所學，有什麼地方寫的不對，希望大家可以多多指出，讓我及時改正。如果我分享的東西幫助到你，別忘了點讚、分享、收藏呦~！