javascript如何实现选项卡

选项卡就是点击按钮切换到相应内容，对应就是点击按钮把内容通过display来显示或者隐藏.

oBtn[i].onclick=function()

四个按钮用的都是这一个函数，怎么确定当前点的那个按钮是谁

this:当前发生事件的元素

this.className=active

不光this要改变颜色,其他按钮也要改变成原始的颜色

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

    aBtn[i].onclick=function()

{

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

{

    aBtn[i].className=‘‘;

}

this.className=‘active‘;

};

}

};

如此选项卡上边的几个按钮部分则完成了.

如何完成div部分，先把所有div隐藏

接着让当前div显示出来

所谓当前div并不是this,这个this是当前按钮，并不是div

在循环时，给每个按钮加一个属性叫做index，并且等于i

第0个按钮有个index是0，第一个按钮有个index是1

window.onload=function ()
{
    var oDiv=document.getElementById(‘div1‘);
    var aBtn=oDiv.getElementsByTagName(‘input‘);
    var aDiv=oDiv.getElementsByTagName(‘div‘);
    
    for(var i=0;i<aBtn.length;i++)
    {
        aBtn[i].index=i;
        aBtn[i].onclick=function ()
        {
            for(var i=0;i<aBtn.length;i++)
            {
                aBtn[i].className=‘‘;
                aDiv[i].style.display=‘none‘;
            }
            this.className=‘active‘;
            aDiv[this.index].style.display=‘block‘;
        };
    }
};

javascript如何实现选项卡

原文：http://www.cnblogs.com/coco-30-76/p/5285587.html