第一次练习tab键切换

 <script>
        //首先获取元素
        var lis = document.querySelector('.big-top').querySelectorAll('li');
        //获取元素
        var ps = document.querySelector('.big-bottom').querySelectorAll('p');
        for (var i = 0; i < lis.length; i++) {
            //设置一个自定义属性
            lis[i].setAttribute('index', i)
            lis[i].onclick = function() {
                for (var i = 0; i < lis.length; i++) {
                    lis[i].className = ''; //首先将所有背景颜色去除
                }
                this.className = 'current'; //下面相对应的显示
                var index = this.getAttribute('index');
                for (var i = 0; i < ps.length; i++) {
                    ps[i].style.display = 'none'; //首先也要将所有的隐藏，点击是显示对应的
                }
                ps[index].style.display = 'block';
            }
        }
    </script>