js添加和刪除class

原生主要有三種方法：

1、className

var DomClass = document.getElementById("id").className;
//刪除 pat
DomClass = DomClass.replace('pat',"");
document.getElementById("id").className = DomClass;

//添加 pad
DomClass = DomClass.concat('pat');
document.getElementById("id").className = DomClass;

//替換 pad
DomClass = DomClass.replace('pat',"pad");
document.getElementById("id").className = DomClass;

2、es5的classList

var DomClass = document.getElementById("id");
//刪除 pat
DomClass.classList.remove("pat");

//添加 pad
DomClass.classList.add("pat");

3、同一 setAttribute

var DomClass = document.getElementById("id").getAttribute('class');
//刪除 pat
DomClass = DomClass.replace('pat',"");
document.getElementById("id").setAttribute('class',DomClass);

//添加 pad
DomClass = DomClass.concat('pat');
document.getElementById("id").setAttribute('class',DomClass);

//替換 pad
DomClass = DomClass.replace('pat',"pad");
document.getElementById("id").setAttribute('class',DomClass);

@