前端 javascript 练习题 -简易年历及tab切换

简易年历
eg1：将数组中的值输出

改变样式可以直接改样式，也可以修改类名

var okuang=document.getElementById("kuang");var oli=document.getElementsByTagName("li");var arr=[11,22,33,44,55];var index=0;   //定义一个变量用来保存索引值for(var i=0;i<oli.length;i++){  //遍历给每个li添加事件

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

        for(var j=0;j<oli.length;j++){  //排他功能

            oli[j].style.backgroundColor="#666";

            oli[j].style.color="#fff";

        }

        okuang.innerHTML=arr[index];  //此时不能用arr[i]，因为在点击之前for已经执行完了，此时i为oli的元素个数值

        this.style.backgroundColor="red";

        this.style.color="#000";

        index++;

    }}

解析：
for循环是在页面加载的时候,执行完毕了

//  for(var k=0;k<5;k++){

//  }