ele["data-test"];// undefined，不能直接訪問自定義特性ele.getAttribute("data-test");// "just test"ele.removeAttribute("class");// 刪除 class 特性ele.className; // ""，一個(gè)空字符串

• classList 屬性

這個(gè)屬性是 HTML5 中新增的用來操作元素類名的屬性。它比 className 屬性使用起來更方便。這個(gè)屬性返回的是一個(gè)新集合類型 DOMTokenList 的實(shí)例，它也是一個(gè)類數(shù)組對(duì)象。

<div id="container"class="class1 class2"><div>var ele = document.getElementById("container");ele.classList; // ["class1", "class2"]ele.classList[0]; // "class1" string 類型ele.classList.length; // 2ele.classList.add("class3"); // 添加新類名ele.classList.remove("class1"); // 刪除類名ele.classList; // ["class2", "class3"]// contains() 用來檢測(cè)是否某個(gè)類名ele.classList.contains("class1"); // falseele.classList.contains("class2"); // true// toggle() 用來交替刪除添加某個(gè)類名ele.classList.toggle("class4"); // 不存在，則添加ele.classList; // ["class2", "class3", "class4"]ele.classList.toggle("class4"); // 存在，則刪除ele.classList; // ["class2", "class3"]

• attributes 屬性： 返回一個(gè) NamedNodeMap 類數(shù)組對(duì)象，它不能使用數(shù)組的方法。

   3/9   首頁 上一頁 1 2 3 4 5 6 下一頁 尾頁