我在运行tabs滑动时报错如下：Uncaught TypeError: Cannot read property 'style' of null

Question

<div class="main_list"> <dl class="list1"> <dt class="list1_1" id="tab_1" onmouseover="tabs('1')">热卖商品</dt> </dl> <dl class="list2"> <dt id="tab_2" onmouseover="tabs('2')"><a href="">冰箱冷柜</a></dt> <dd><a href="">单门</a> | <a href="">两门</a> | <a href="">三门</a><a href="">多门</a> | <a href="">对开</a> | <a href="">冷柜</a></dd> </dl> <dl class="list3"> <dt id="tab_3" onmouseover="tabs('3')"><a href="">洗衣机</a></dt> <dd><a href="">波轮</a> | <a href="">滚筒</a> <a href="">mini</a> | <a href="">双动力</a></dd> </dl> <dl class="list4"> <dt id="tab_4" onmouseover="tabs('4')"><a href="">电视</a></dt> <dd><a href="">4K电视</a> | <a href="">智能电视</a><a href="">普通电视</a> | <a href="">电视附件</a></dd> </dl> <dl class="list5"> <dt id="tab_5" onmouseover="tabs('5')"><a href="">空调</a></dt> <dd><a href="">壁挂式空调</a> | <a href="">柜式空调</a><a href="">家用中央空调</a> | <a href="">空气净化</a></dd> </dl> <dl class="list6"> <dt id="tab_6" onmouseover="tabs('6')"><a href="">热水器</a></dt> <dd><a href="">电热水器</a> | <a href="">小厨宝</a><a href="">燃气热水器</a></dd> </dl> <dl class="list7"> <dt id="tab_7" onmouseover="tabs('7')"><a href="">厨房电器</a></dt> <dd><a href="">烟灶套系</a> | <a href="">吸油烟机</a>&nbsp;&nbsp;&nbsp; <a href="">燃气灶</a> | <a href="">消毒柜</a> | <a href="">洗碗机</a></dd> </dl> <dl class="list8"> <dt id="tab_8" onmouseover="tabs('8')"><a href="">生活家电</a></dt> <dd><a href="">生活小家电</a> | <a href="">厨房小家电</a><a href="">家庭医疗</a> | <a href="">水家电</a> | <a href="">数码</a></dd> </dl> </div>

Answer 1

你的tab_a用的是class而你的js代码用的getElementById("tab_a"+i)应该获取class，用document.getElementsByClassName()