点击多个按钮之间互不影响（自定义属性）

原始状态为三个0，点击按钮自动切换为字母，并且三个按钮之间互不影响。也可应用为图片切换

html：

<input type="button" value="0">
<input type="button" value="0">
<input type="button" value="0">

js：

window.onload = function(){
    var btn = document.getElementsByTagName('input');
    var arr = ['A','B','C','D'];//按钮上要改变的字母

    for(var i=0;i<btn.length;i++){  //循环遍历按钮    
    // 点击按钮之前每个按钮上都是一个数字0，所以我们应该有三个数字0，即我们给每一个input框添加自定义属性num=0        
        btn[i].num = 0;//给每个按钮添加自定义属性num
        btn[i].onclick = function(){            
            this.value = arr[this.num]//按钮的value显示值等于数组中第num个值（第一个num值为0，即arr[0]为A）
            this.num++;//num值自增
            if(this.num === arr.length){//当num数字等于数组的长度
                this.num = 0;
            }
        }
    }                   
}

注意：

点击按钮之前每个按钮上都有一个数字0，所以我们应该有三个数字（有三个按钮），即我们给每一个input框添加自定义属性num=0