js 跨浏览器实现删除具体的类名，classList属性的使用

<div id="test" class="box pic user"></div>

function cancelCl(id, cancelName) {
        var divs = document.getElementById(id);
        var txt = divs.className.split(/\s+/); //根据空格来分割类名
        if(divs.classList) {
          divs.classList.remove(cancelName); //ie10+,主流浏览器
        } else {
          for(var i = 0; i < txt.length; i++) {
            if(txt[i] == cancelName) {
              txt.splice(i, 1);
              break; //找到就跳出循环，提高性能
            }
            //ie10以下
          }
          divs.className = txt.join(" "); //将剩下的类名重新组装
        }
        return divs.className;
      }
console.log(cancelCl("test", "pic"));//box  user