js自定义属性、索引值

1. 自定义属性：

js可以为任何HTML元素添加任意个自定义属性

假设有按钮

var btn=document.getElementsByTagName(‘input’)[0];

btn.abc=123;

btn.xyz=true;

相当于<input abc=123 xyz=true type=”button” value=“按钮”/>

2. 添加索引值（就是新加一个自定义属性，可以控制元素单独计数或者改变样式等）

for(var i=0;i<btn.length;i++){

btn[i].index=i; //自定义属性，索引值

btn[i].οnclick=function(){

this.index; //可以记录索引值，直接写i的话，i会在加载后显示btn.length，无法单独记录

}

}

3. 图片切换思路

法一：全部清空当前添加

for(var i=0;i<aLi.length;i++){

aLi[i].className=’’;

}

this.className=’active’;

法二：清空上一个，当前添加

oldLi.className=’’;

oldLi=this;

this.className=’active’;