怎么没有效果

怎么没有效果，请大佬解决

解决方案 »

  1.   

    你获取的错了吧，header不是类名吗，然后你用id的方式获取
      

  2.   

    我用#CSDN#这个app发现了有技术含量的博客，小伙伴们求同去《DOM快速入门——DOM获取元素对象的6种方式》, 一起来围观吧 https://blog.csdn.net/weixin_44253336/article/details/98210816
      

  3.   

    我把header改成ID命名，也没有用，请问具体该怎么改
      

  4.   

    xiang 这个也错了
      

  5.   

    我把header改成ID命名，也没有用，请问具体该怎么改给我看看你修改后的代码。你可以看看我的文章，获取元素几种方式
      

  6.   

    <script>
    window.onload=function ()
    {
    var a1=document.getElementById('header');
    var a2=a1.getElemtsByTagName('li');
    var a3=a2.getElemtsByTagName('xiang')[0];
    for(var i=0;i<a2.length;i++)
    {
    a2[i].onmouseover=function ()
    {
    for(var i=0;i<a2.length;i++)
    {
    a2[i].classNeme='';
    }
    this.classNeme='active';
    };
    }
    };
    </script>
    </head>
    <body>
    <div id="header">
    <div class="shang">
    <ul>
    <li class="active"><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    </ul>
    </div>
    <div class="xiang">
    <h2>1月活动</h2>
    <p>可以去春游，你觉得怎么样，很喜欢吧</p>
    </div>
    </div>
    </body>
    </html>
      

  7.   

    <script>
    window.onload=function ()
    {
    var a1=document.getElementById('header');
    var a2=a1.getElemtsByTagName('li');
    var a3=a2.getElemtsByTagName('xiang')[0];
    for(var i=0;i<a2.length;i++)
    {
    a2[i].onmouseover=function ()
    {
    for(var i=0;i<a2.length;i++)
    {
    a2[i].classNeme='';
    }
    this.classNeme='active';
    };
    }
    };
    </script>
    </head>
    <body>
    <div id="header">
    <div class="shang">
    <ul>
    <li class="active"><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li><h2>1</h2><p>1月</p></li>
    <li class="zuo" ><h2>1</h2><p>1月</p></li>
    </ul>
    </div>
    <div class="xiang">
    <h2>1月活动</h2>
    <p>可以去春游，你觉得怎么样，很喜欢吧</p>
    </div>
    </div>
    </body>
    </html>
      

  8.   

    a2=a1.getElemtsByTagName('li');这个函数写错了
      

  9.   

    是这个函数获取方式写错了吗？那我该怎么改
    函数名写错了
    那我应该怎么才对写?
    getElemtsByTagName 拼写错误，应该是 getElementsByTagNameclassNeme 拼写错误，应该是 classNamexiang 是class，应该是这样获取
    var a3=document.getElementsByClassName('xiang')[0];
      

  10.   

    先不说其他的问题，可以去看看闭包~，你这样添加 onmouseover 事件，是不行的