帮忙看一下这段代码,运行不起来。。

来源:10-1 编程挑战

h5学僧

2015-11-26 11:12

<script type="text/javascript">
       
    // JS实现选项卡切换
 
    var li=document.getElementsByTagName("li");
    var div=document.getElementsByTagName("div");
    function load()
    {
        li[0].className="change";
    }
    for(var i=0;i<li.length;i++)
    {
        li[i].onclick = function() {
        for(var i = 0; i < li.length; i++) {
            li[i].className = "";
        }
        li[i].className = "change";
        for(var j = 0; j <div.length; j++) {
            div[j].style.display="none";
        }
        div[i].style.display="block";
        }       
    }
   
    </script>

写回答 关注

2回答

  • 慕男婶
    2015-11-26 11:18:37
    li[i].onclick = function() {
            for(var i = 0; i < li.length; i++) {
                li[i].className = "";
            }
            // 把这个 li[i] 改成this 试试 
            li[i].className = "change";
            for(var j = 0; j <div.length; j++) {
                div[j].style.display="none";
            }
            div[i].style.display="block";
            }


    h5学僧

    this.className = "change";//是这样么。。 改了还是不行耶

    2015-11-26 11:23:12

    共 1 条回复 >

  • 慕男婶
    2015-11-26 11:14:18

    把onclick回调中的所有li[i] 改成 this

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题