js 添加和删除class类

1、className方法

var domClass = document.getElementById("id").className;
//删除 tesName
domClass = domClass.replace('tesName', "");
document.getElementById("id").className = domClass;

//添加 tesName
domClass = domClass.concat('tesName');
document.getElementById("id").className = domClass;

//替换 tesName
domClass = domClass.replace('tesName', "tesName");
document.getElementById("id").className = domClass;

2、es5的classList方法

var domClass = document.getElementById("id");
//删除 tesName
domClass.classList.remove("tesName");

//添加 tesName
DomClass.classList.add("tesName");

3、setAttribute方法

var domClass = document.getElementById("id").getAttribute('class');
//删除 tesName
domClass = domClass.replace('tesName', "");
document.getElementById("id").setAttribute('class', domClass);

//添加 tesName
domClass = domClass.concat('tesName');
document.getElementById("id").setAttribute('class', domClass);

//替换 tesName
domClass = domClass.replace('tesName', "pad");
document.getElementById("id").setAttribute('class', domClass);