Document Object Model 文檔對象模型 (通過頁面/全局)
專門操作網(wǎng)頁內(nèi)容的API
通過DOM查找:
1.通過元素間的關系
1)父子關系
parentElement 查找一個元素的父元素
children 查找父元素下的所有子元素 找到多個
firstElementChild 找到父元素下的第一個子元素
lastElementChild 找到父元素下的最后一個子元素
2)兄弟關系
previousElementSibling 前一個兄弟
nextElementSibling 下一個兄弟
2.通過HTML查找
1)通過id查找
var ele=document.getElementById('id號');
只能找到一個
2)通過class查找
var ele=document.getElementsByClassName('class名');
特點:可以找到多個 并且返回一個動態(tài)集合(數(shù)組)
3)通過標簽名
var ele=document.getElementsByTagName('標簽名');
特點:可以找到多個 返回動態(tài)集合 (數(shù)組)
4)通過name屬性查找
var ele=document.getElementsByName('name');
可以找到多個 返回動態(tài)集合 數(shù)組
3.通過選擇器查找
var ele=document.querySelector('選擇器');
只能找到一個
var ele=document.querySelectorAll('選擇器') 看锉;
查找全局console數(shù)組