javascript - 刚学JS,求问下大神下面代码有些什么问题
PHPz
PHPz 2017-04-10 17:24:27
0
4
318

下面是个简单的日历,为什么onmouseover一个li就会隐藏啊。。。实在不懂,TAT

<script>

window.onload=function(){
    var op=document.getElementById("tab");
    var aLi=document.getElementsByTagName("li");
    var oTxt=document.getElementsByTagName("p")[0];
    
    for (var i=0;i<aLi.length;i++)
    {
        aLi[i].index=i;
        aLi[i].onmouseover=function()
        {
            for(i=0;i<aLi.length;i++)
            {
                aLi[i].className="";
            }
            this.className="active";
            
            oTxt.innerHTML='<h2>'+(this.index+1)+'月活动</h><p>啦啦啦啦啦啦</p>';
        };
    }
    
     
};

</script>

PHPz
PHPz

学习是最好的投资!

全員に返信(4)
迷茫
window.onload=function(){
    var op = document.getElementById("tab");
    var aLi = document.getElementsByTagName("li");
    var oTxt = document.getElementsByTagName("p")[0];
    
    for (var i=0;i<aLi.length;i++){
        aLi[i].index=i;
        aLi[i].onmouseover=function(){
            this.className="active";
            oTxt.innerHTML='<h2>'+(this.index+1)+'月活动</h><p>啦啦啦啦啦啦</p>';
        };
    }
};
いいねを押す +0
伊谢尔伦

跟楼上答案一样.因为:`for(i=0;i<aLi.length;i++)

        {
            aLi[i].className="";
        }`把className都设置为空了
いいねを押す +0
左手右手慢动作

没有html和css不好看出问题所在

いいねを押す +0
洪涛

这样写的代码也是很不够优雅啊,在每一个li元素上都绑定一个事件处理得多耗内存,完全可以考虑使用事件代理

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート