laiylm

方法一:

DOM.setAttribute("class", "类名")
DOM.removeAttribute("class", "类名")

方法二:

DOM.classList.add(\'类名\'); //添加类名
DOM.classList.remove(\'类名\'); //删除类名
DOM.classList.toggle(\'类名\'); //切换类名

DOM.classList.add(\'类名一\',\'类名二\',\'类名三); //添加多个类名
DOM.classList.remove(\'类名一\',\'类名二\',\'类名三); //删除多个类名

-------------------------------------------------------------------------------------------------

// 覆盖原来的样式

document.getElementsByClassName("box").className = \'box1\';
document.getElementById("test").setAttribute("class","test1");

// 追加样式不覆盖原来的样式
document.getElementById("test").classList.add("test1");
document.getElementById("test").classList.add("test1","test2","test3");

//是否含有类名

document.getElementById("test").classList.contains(\'test2\');

 

分类:

技术点:

相关文章: