摘要：新增選擇器和，參數(shù)都是選擇器，前者返回符合條件的第一個(gè)匹配的元素，如果沒(méi)有則返回，后者返回符合篩選條件的所有元素集合，如果沒(méi)有符合篩選條件的則返回空數(shù)組。它返回一個(gè)對(duì)象，可以通過(guò)的形式新增或修改。

querySelector()和querySelectorAll()，參數(shù)都是css選擇器，前者返回符合條件的第一個(gè)匹配的元素，如果沒(méi)有則返回Null，后者返回符合篩選條件的所有元素集合，如果沒(méi)有符合篩選條件的則返回空數(shù)組。

getElementsByClassName()返回一個(gè)類似數(shù)組的對(duì)象，包含了所有指定 class 名稱的子元素。當(dāng)調(diào)用發(fā)生在document對(duì)象上時(shí), 整個(gè)DOM都會(huì)被搜索, 包含根節(jié)點(diǎn)，也可以在任意元素上調(diào)用。

document.querySelector("div");     //選擇第一個(gè)div
document.body.querySelector("p")[0];   //body下第一個(gè)p標(biāo)簽

document.getElementsByClassName("red test");
//獲取所有 class 同時(shí)包括 "red" 和 "test" 的元素

length: 返回class數(shù)量。

add(class1, class2, ...):將給定的字符串值添加到列表中。如果值已經(jīng)存在，就不添加了。

contains(class):表示列表中是否存在給定的value值，如果存在則返回true，不存在則返回false。

remove(class1, class2, ...):移除元素中一個(gè)或多個(gè)類名，移除不存在的類名不會(huì)報(bào)錯(cuò)。

item(index):返回指定索引值的類名，index為數(shù)字(從0開始)，索引不在范圍內(nèi)返回null，不為數(shù)字會(huì)被轉(zhuǎn)成數(shù)字類型再取整數(shù)部分，若轉(zhuǎn)換失敗返回第一個(gè)類名。

toggle(value,true || false):將值為value的class在添加和移除之間切換。

classList 屬性返回的是一個(gè) DOMTokenList 對(duì)象。此屬性不兼容IE10以下版本。

Object.prototype.toString.call(node.classList);   
//"[object DOMTokenList]"

相對(duì)應(yīng) className 屬性，可以設(shè)置或返回元素的 class 。返回的是字符串類型，設(shè)置會(huì)把原來(lái)的 class 值完全覆蓋。語(yǔ)法：node.className = className。

let oDiv = document.querySelector("div");
console.log(oDiv.className);   //"wrap box"
oDiv.className = "class1";
console.log(oDiv.className);   //"class1"

新的HTML5標(biāo)準(zhǔn)允許在普通的元素標(biāo)簽里，嵌入類似data-*的屬性，來(lái)實(shí)現(xiàn)一些簡(jiǎn)單數(shù)據(jù)的存取。它的數(shù)量不受限制，并且也能由js動(dòng)態(tài)修改，也支持CSS選擇器。

用getAttribute、setAttribute存取dataset。