2021-05-21

各种错误类型及其原因

1：选项卡遇到的问题：（一个div里包了三个div，所有获取的时候应该用document.querySelectorAll('选择器'）来获取，而不是document.querySelector(''),因此造成了下面这种情况

建议多打印，多打印，多打印。做一段输出一段。

    <script>
        var wolf=document.querySelectorAll('.wolf a');
        var box=document.querySelectorAll('.box div');
        
        //先遍历
        wolf.forEach(function(v,i){

            //给每一个a标签添加一个鼠标事件
            v.onmouseover=function(){
                //去除所有按钮的on
               wolf.forEach(function(v2,i2){
                   v2.className='';
               })
               //启用on
                v.className='on';

            box.forEach(function(v3,i3){
                v3.style.display='none';

            })
            box[i].style.display='block'

            }
        })