HTML5新增属性中classList属性怎么用
这篇文章给大家分享的是有关HTML5新增属性中classList属性怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联是一家企业级云计算解决方案提供商,超15年IDC数据中心运营经验。主营GPU显卡服务器,站群服务器,中国电信云锦天府,海外高防服务器,大带宽服务器,动态拨号VPS,海外云手机,海外云服务器,海外服务器租用托管等。
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");
感谢各位的阅读!关于“HTML5新增属性中classList属性怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网站题目:HTML5新增属性中classList属性怎么用
转载注明:http://pwwzsj.com/article/jopdhe.html