本篇文章给大家带来的内容是关于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");
相关推荐：
html文件制作主要是那些结构构成的？
html5中页面可见性的判断（附代码）
html5如何解决margin-top的塌陷问题（附代码）
以上就是html5新增属性：classlist属性的使用方法的详细内容。