每天一个效果 ：（13.2）学员信息表

我们把昨天的js写一下，还剩下两个操作

第一个就是对数组进行遍历

第二个就是删除操作

我们来看一下js代码

            //2.对数组进行遍历
            let tr = ''
            stus.forEach((item, index) => {
                tr += "<tr class = 'newTr'>" +
                    "<td>" + item.name + "</td>" +
                    "<td>" + item.age + "</td>" +
                    "<td>" + item.sex + "</td>" +
                    "<td>" + item.phone + "</td>" +
                    "<td onclick = 'del(" + index + ")'>删除</td>" +
                    "</tr > ";
            })
            tbody.innerHTML = tr

        }
        //3.删除操作
        function del(index) {
            console.log(index);
        }
        //3.1 删除数组中的这条信息
        stus.splice(index,1);
        console.log(stus);
        //3.2 删除DOM元素
        // tbody.removeChild(该条信息的tr)
        let res = document.getElementsByClassName('newTr')[index];
        tbody.removeChild(res);
        </script>

我们来看一下效果