选项卡问题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    div{display:none;}
    .show{display:block;}
    .active{background-color:yellow;}

    </style>
</head>
<body>
    <input type="button" value="tab1">
    <input type="button" value="tab2">
    <input type="button" value="tab3">
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <script>

        var tabs = document.getElementsByTagName('input');
        var divs = document.getElementsByTagName('div');

        for(var i=0;i<tabs.length;i++){
        
        tabs[i].onclick = function(){
            for(var j=0;j<tabs.length;j++){
                divs[j].className = '';
                tabs[j].className = '';
            }
            this.className = 'active';
            divs[i].className = 'show';
        }
    }
    
    </script>
</body>
</html>

为什么会出错呢。。

for(var i=0;i<tabs.length;i++){

为什么这里改成let就可以？？

慕勒5811226

浏览 1268回答 1

1回答

year1233

什么改成 let？不太明白，能再描述清晰些吗？

0 0

随时随地看视频慕课网APP