                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

js代码块中怎么选择与li对应的div节点

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
     /* CSS样式制作 */
       *{
           padding:0;
           margin:0;
           font:12px normal 'microsoft yahei';
       }
       #tabs{
           padding:5px;
           margin:20px;
           width:290px;
           height:150px;
       }
       #tabs ul{
           list-style:none;
           display:block;
           height:30px;
           line-height:30px;
           border-bottom:2px gray solid;
       }
       #tabs ul li{
           float:left;
           display:inline-block;
           margin:0px 3px;
           width:60px;
           height:28px;
           line-height:28px;

           border:1px solid #aaa;
           border-bottom:none;
           cursor:pointer;
           background:#fff;
           text-align:center;
       }
       #tabs ul li.on{
           border-top:2px solid gray;
           border-bottom:2px solid white;
        }
        #tabs div{
            height:120px;
            line-height:25px;
            padding:5px;
            border:1px solid #336699;
            border-top:none;
        }
        .hide{display:none;}
    </style>
    <script type="text/javascript">

    function displ(obj){
        var oTab=document.getElementById('tabs');
        var oUl=oTab.getElementsByTagName('ul')[0];
        var oLis=oUl.getElementsByTagName('li');
        var oDivs=oTab.getElementsByTagName('div');
        var len=oLis.length;
        for(var n=0;n<len;n++){
            oLis[n].className='';
            oDivs[n].className='hide';
         };

         obj.className='on';
         oDivs[obj.index].className='';//怎么选择对应的div节点
    };

    </script>

</head>
<body>

    <div id='tabs'>
        <ul>
            <li class='on' onclick="displ(this)">房产</li>
            <li onclick="displ(this)">家具</li>
            <li onclick="displ(this)">二手房</li>
        </ul>
        <div >
              275万购昌平邻铁三居总价20万买一居
              200万内购五环三居 140万安家东三环
              北京首现零首付楼盘 53万购东5环50平
              京楼盘直降5000 中信府公园楼王现房
        </div>
        <div class="hide">
            40平出租屋大改造美少女的混搭小窝
            经典清新简欧爱家 90平老房焕发新生
            新中式的酷色温情 66平撞色活泼家居
            瓷砖就像选好老婆卫生间烟道的设计
        </div>
        <div class="hide">
             通州豪华3居260万二环稀缺2居250w甩
             西3环通透2居290万 130万2居限量抢购
             黄城根小学学区仅260万 121平70万抛!
             独家别墅280万苏州桥2居优惠价248万
        </div>
    </div>

</body>
</html>