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