原生js——操作类名(HTML5新增classList)
首先,我们要有一个div
const div = document.getElementById("myDIV");// 获取#myDiv的元素
1,给文本添加元素对象
div.classList.add(class1,class2)/给div元素,并且添加class1、class2类属性
2,给文本移除元素对象
myDIV.classList.remove("mystyle");//给#myDiv元素移除mystyle类属性
3,判断文本元素是否存中某一个类
//确定是否包含给定的类:select;返回布尔值:true / false
div.classList.contains("select");
4,用新类替换老类
//替换类:新类newSelect替换老类select;
div.classList.replace("select","newSelect");//前面参数是老类,后面是新类
以上就是我对classList常用的几种方法的了解
网友评论