HTML5新增屬性：classList屬性的使用方法

本篇文章給大家帶來的內容是關於HTML5新增屬性：classList屬性的使用方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所協助。

HTML5中新增了classList屬性，用於實現對class的操作，其API如下：

contains(value)：判斷名為value的類名是否存在add(value)：添加名為value的類名remove(value)：刪除名為value的類名toggle(value)：如果名為value的存在則刪除，不存在則添加

js範例程式碼：

//擷取節點var $test = document.getElementById("test");//增加一個class$test.classList.add("new-class");//刪除一個class$test.classList.remove("old-class");//存在則刪除，不存在則添加$test.classList.toggle("class");//判斷是否包含$test.classList.contains("class");//替換class$test.classList.remove("old-class");$test.classList.add("new-class");