通過元素間的查找關(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ù)組)