- Selectors API核心方法有兩個(gè)querySelector()和querySelectorAll()
querySelector(A) 返回該匹配該模式的第一個(gè)后代元素,沒(méi)有匹配的則返回null A參數(shù)的類型可以是 元素 ID 類...
querySelectorAll(A) 返回匹配該模式的全部節(jié)點(diǎn)压彭。返回的是一個(gè)靜態(tài)的NodeList渗常。 A參數(shù)可以接受元素 節(jié)點(diǎn) 和組合(p strong)
2 getElementByClassName()
getElementByClasName(A) 根據(jù)class獲取指定元素皱碘,支持多個(gè)class組合。兩個(gè)class用空格隔開
3 classList屬性
每個(gè)元素都有classList屬性家凯。返回的數(shù)據(jù)類型為DOMTokenList 每個(gè)classList都一下幾個(gè)屬性
add() 添加class
contains() 是否包含css
remove()刪除class
toggle()切換class 如果存在就刪除如失,不存在就添加
4 焦點(diǎn)管理
輔助DOM焦點(diǎn)管理的功能,document.activeElement 查看當(dāng)前焦點(diǎn)掂之。hasFocus()判斷是否存在焦點(diǎn)
5 HTMLDocument擴(kuò)展
readyState屬性判斷文檔是否加載完成。和onload功能一樣
if (document.readyState =="complete"){
//加載完成
}
6 字符集屬性
元素支持自定義屬性动雹,自定義屬性必須要以data-A開頭 比如 data-name ="view" 跟压。可以在元素中通過(guò)dataset屬性獲取到當(dāng)前元素所以自定義屬性