关于选项卡的问题

本帖最后由 wzzcjbb 于 2014-06-28 20:37:44 编辑

解决方案 »

  1.   

    原因：
    http://bbs.csdn.net/topics/390286470
    解决方案参考：<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8"/>
        <title>test</title>
        <style type="text/css">
            .on{background: #f00;}
            .none{ display:none;}
        </style>
    </head>
    <body>
    <input type="submit" value="111"/><input type="submit" value="222"/><input type="submit" value="33"/>
    <div>aaa</div>
    <div class="none">bbb</div>
    <div class="none">ccc</div>
    <script type="text/javascript">
        window.onload=function (){
            var obtn=document.getElementsByTagName('input');
            var odiv=document.getElementsByTagName('div');
            for(var i=0;i<obtn.length;i++){
                obtn[i].index = i;
                obtn[i].onclick=function(){
                    for(var i=0;i<obtn.length;i++){
                        obtn[i].className='';
                        odiv[i].style.display='none';
                    };
                    this.className='on';
                    odiv[this.index].style.display='block';
                };
            } ;
        };
    </script>
    </body>
    </html>