DOM:文檔對(duì)象? 操作頁(yè)面中的元素? ? 可以增刪改查
查:
? ? ? 1. 通過(guò)元素間的關(guān)系
父子關(guān)系:
? 查找某個(gè)父元素:parentElement
? 查找某個(gè)元素中得所有子元素 :children? ? ? 返回一個(gè)動(dòng)態(tài)集合
查找第一個(gè)子元素:firstElementchild
查找最后一個(gè)子元素:lastElementchild
兄弟關(guān)系:
前一個(gè)兄弟元素:previousElementSibing
下一個(gè)兄弟:nextElementSibing
2.? 通過(guò)html查找
通過(guò)id查找:
var ele=document.getElementById('id');
只能找到一個(gè)? ? ? ? 找不到返回null
通過(guò)class
var ele=document.getElementByClassName('class')
可以找到多個(gè)? ? ? 返回動(dòng)態(tài)集合? 找不到返回[]
標(biāo)簽查找
var ele=document.getElementByTagName('標(biāo)簽名');
可以找到多個(gè)返回一個(gè)動(dòng)態(tài)集合? ? ? 沒(méi)找到返回空集合。
通過(guò)name屬性查找:
var ele=document.getElementByName('name');
可以找到多個(gè)? ? 返回動(dòng)態(tài)集合
3.? 通過(guò)選擇器查找
var ele=document.querySelector('#list');
只能找到一個(gè)
var ele=document.querySlectorAll('選擇器')
返回一個(gè)動(dòng)態(tài)集合