JS创建HTML代码解决方法

JS创建HTML代码
var progressDis = document.createElement("span");
progressDis.className = "item_input";
//鼠标点击显示
progressDis.onclick = function () {
     this.className += ' on';
};
//鼠标点击其他消失
progressDis.onBlur = function () {
     this.className = this.className.replace(' on', ''); //鼠标一走的时候，把样式也去掉
};

其中鼠标点击执行事件了，鼠标点击其他事件（.onBlur）无反应。 JS HTML onBlur onclick?
[解决办法]
progressDis.onBlur = function () {
     this.className.replace('on', ""); //鼠标一走的时候，把样式也去掉
};
[解决办法]
你是想鼠标点击其他的时候 才把样式去掉 而不是鼠标离开的时候去掉样式 是不是?
如果是的话 你在onclick事件的时候 要把当前button传进去 并保存起来

var oldObj;
progressDis.onclick = function (button) {
    if(oldObj!=null){
         oldObj.className.replace('on', "")
    } 
    this.className += ' on';
    oldObj=button'
};