1.DOM:文檔對象模型，操作頁面中的元素，增刪改查
(1)查:
1，通過元素間關(guān)系:
? ? ? 父子關(guān)系:
//查找某個(gè)元素的父元素:parentElement
//查找某個(gè)元素的子元素:返回一個(gè)動態(tài)集合(數(shù)組)
children
//查找第一個(gè)子元素 獲取中間的元素加下標(biāo)
firstElementChild
//查找最后一個(gè)子元素
lastElementChild
兄弟關(guān)系
//前一個(gè)兄弟元素
previousElementSibling
//下一個(gè)兄弟元素
nextElementSibling
2,通過HTTML查找
1) ID 只能找到一個(gè)，找不到返回null
var ele=document.getElementById('id名');
2)? class? 特點(diǎn):可以找到多個(gè)，返回一個(gè)動態(tài)集合; 沒有找到返回一個(gè)空集合; 多個(gè)class名設(shè)置樣式需要遍歷
var ele=document.getElementsByClassName('class名');
3) 標(biāo)簽: var ele=document.getElementsByTagName('標(biāo)簽名');
可以找到多個(gè)，返回一個(gè)動態(tài)集合
找不到返回空集合 設(shè)置樣式需要遍歷
4)name屬性 只適用于表單元素
var ele=document.getElementsByName('name名');
返回一個(gè)動態(tài)集合，設(shè)置樣式需要遍歷
3.通過選擇器查找
var ele=document.querySelector('選擇器');
特點(diǎn):只能找一個(gè)
設(shè)置樣式不需要遍歷
var ele=document.querySelectorAll('選擇器');
能找到多個(gè) 返回一個(gè)動態(tài)集合 設(shè)置樣式需要遍歷
