js-自定义属性

1、四个按钮 点击每个按钮 会依次变成A,B,C,D 反复循环`

<button>0</button>
<button>0</button>
<button>0</button>
<button>0</button>
<script type="text/javascript">
var btns=document.getElementsByTagName('button');
var arr=['A','B','C','D']
for(var i=0;i<btns.length;i++){

    btns[i].num=0;  //自定义属性num  放在点击事件前
    btns[i].onclick=function(){
        //alert(arr[this.num])----0
        this.innerHTML=arr[this.num]   
        this.num++;   //前面先赋值 后++ 
        if(this.num>arr.length-1){
            this.num=0
        }
    }
}
</script>

2、同样还是上面的4个按钮，依次点击， 分别变成1 2 3 4

var btns=document.getElementsByTagName('button'); for(var i=0;i