原生javascript进行class的增加 删除操作

function hasClass(ele,cls) {
    return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}


function addClass(ele,cls) {
    if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
  
function removeClass(ele,cls) {
    if (hasClass(ele,cls)) {
        var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
        ele.className=ele.className.replace(reg,' ');
    }

}

调用：

.noedit{
    border:1px groove #ccc;
    color:#fdfdfd;
    text-align: center;
    cursor: auto;
}
.noedit:hover{
    border: 1px groove #ccc;
    background-color: #ddd;
    text-align: center;
    color: #fdfdfd;
    cursor: auto;   
}

addClass(document.getElementById("ping"), "noedit");

removeClass(document.getElementById("ping"), "noedit");