通過元素間的查找關(guān)系

1)父子關(guān)系

parentElement? 查找一個(gè)元素的父元素

children? 查找一個(gè)元素的所有子元素

firstElementchild? 找到父元素下的第一個(gè)子元素

lastElementchild? 找到父元素下的最后一個(gè)子元素

2)兄弟關(guān)系

previousElementsibling? 前一個(gè)兄弟

nextElementsibling? 下一個(gè)兄弟

通過HTML間查找關(guān)系

1)通過ID查找

var ele=document.getElementById();? 特點(diǎn)：id只有一個(gè)ID是唯一性

2)通過Class查找

var ele=document.getElementsByClassName(); 特點(diǎn)：他是可以找到多個(gè)? 并且返回動(dòng)態(tài)集合(class名)

3)通過標(biāo)簽名

var ele=document.getElementsByTagName(); 特點(diǎn)：他是可以找到多個(gè)? 并且返回動(dòng)態(tài)集合(數(shù)組)

4)通過name屬性查找

var ele=document.getElementsByName(); 特點(diǎn)：他是可以找到多個(gè)? 并且返回動(dòng)態(tài)集合(數(shù)組)

通過選擇器查找

選擇器

var ele=document.querySelector();

所有選擇器

var ele=document.querySelectorAll(); 特點(diǎn)：查看所有? 并且返回動(dòng)態(tài)集合(數(shù)組)