作业3 表格

<table border="1" cellspacing="0">
 
        <tr>
            <th style="width: 200px;height: 50px;">姓名</th>
            <th style="width: 250px;">科目</th>
            <th style="width: 100px;">成绩</th>
            <th style="width: 100px;">操作</th>
        </tr>
        
    </table>

 

 

<script>
        var datas = [{
            name: '魏璎珞',
            subject: 'JavaScript',
            score: 100
        }, {
            name: '弘历',
            subject: 'JavaScript',
            score: 98
        }, {
            name: '傅恒',
            subject: 'JavaScript',
            score: 99
        }, {
            name: '明玉',
            subject: 'JavaScript',
            score: 88
        }, {
            name: '大猪蹄子',
            subject: 'JavaScript',
            score: 0
        }];
 
        const tab = document.querySelector('table')
        function shanc(){
            tab.innerHTML=`
            <tr>
                <th style="width: 200px;height: 50px;">姓名</th>
                <th style="width: 250px;">科目</th>
                <th style="width: 100px;">成绩</th>
                <th style="width: 100px;">操作</th>
            </tr>`
        for(let i of datas){
            let newtr = document.createElement('tr')
            newtr.innerHTML=`
                <td>${i.name}</td>
                <td>${i.subject}</td>
                <td>${i.score}</td>
                <td><a href='#'>删除</a></td>
            `
            tab.appendChild(newtr)
            }
     
        let de = document.querySelectorAll('a')
        de[0].addEventListener('click',function(){
            datas.splice(0,1)
            shanc()
            de = document.querySelectorAll('a')
        })
        de[1].addEventListener('click',function(){
            datas.splice(1,1)
            shanc()
            de = document.querySelectorAll('a')
        })
        de[2].addEventListener('click',function(){
            datas.splice(2,1)
            shanc()
            de = document.querySelectorAll('a')
        })
        de[3].addEventListener('click',function(){
            datas.splice(3,1)
            shanc()
            de = document.querySelectorAll('a')
        })
        de[4].addEventListener('click',function(){
            datas.splice(4,1)
            shanc()
            de = document.querySelectorAll('a')
        })
        }
        shanc()
    </script>