JavaScript练习题——完成动态生成表格案例

最新推荐文章于 2022-11-05 19:45:00 发布

原创

最新推荐文章于 2022-11-05 19:45:00 发布 · 3.6k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #dom

这篇博客展示了如何使用JavaScript动态地创建HTML表格，并填充模拟的学生数据，包括姓名、科目和成绩。此外，还实现了删除行的功能，通过在每个行末添加删除链接并监听点击事件来实现。

使用数组模拟学生数据
动态创建行
为单元格填充数据
提供删除链接，可删除所在的行

 <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>科目</th>
                <th>成绩</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <script