更新時(shí)間:2022年06月09日17時(shí)34分 來源:傳智教育 瀏覽次數(shù):
獲取DOM對(duì)象
1. 根據(jù)CSS選擇器來獲取DOM元素
(1)匹配單個(gè)元素一個(gè)元素
這里選擇的語法如下:
document.querySelector('css選擇器')
參數(shù)包含一個(gè)或多個(gè)有效的CSS選擇器 字符串,返回值CSS選擇器匹配的第一個(gè)元素,一個(gè) HTMLElement對(duì)象。如果沒有匹配到,則返回null。
(2)選擇匹配的多個(gè)元素
語法如下:
document.querySelectorAll('ul li')
參數(shù)包含一個(gè)或多個(gè)有效的CSS選擇器 字符串,返回值CSS選擇器匹配的NodeList 對(duì)象集合,例如:
document.querySelectorAll('ul li')
document.querySelectorAl1('css選擇器')
得到的是一個(gè)偽數(shù)組: 有長度有索引號(hào)的數(shù)組,但是沒有 pop() push() 等數(shù)組方法,想要得到里面的每一個(gè)對(duì)象,則需要遍歷(for)的方式獲得。
注意:哪怕只有一個(gè)元素,通過querySelectAll() 獲取過來的也是一個(gè)偽數(shù)組,里面只有一個(gè)元素而已
北京校區(qū)