JS之自定義屬性的運用

在我們常使用的控件中,我們經常可以自己為元素定義一些屬性來達到想要的效果。

例如:

我們想要給按鈕設定一個值,這個值對每個按鈕都要相同的效果。

<script>
        window.onload=function(){
            var aBtn=document.getElementsByTagName("input");
            var arr=['A','B','C','D'];
             
            for(i=0;i<aBtn.length;i++){
                aBtn[i].num=0;
                aBtn[i].onclick=function(){
                    this.value=arr[this.num];
                    this.num++;
                    if(this.num===arr.length){
                        this.num=0;
                    }
                }
            }
        }
    </script>
    <body>
        <input type="button" value="0" />
        <input type="button" value="0" />
        <input type="button" value="0" />
    </body>

 

發佈留言