js实现往表格动态添加学生的学号、姓名、语数英的考试成绩和总分(总分不是填写)，实现行与行之的颜色相间，高光的效果

最新推荐文章于 2024-07-26 14:24:59 发布

sweetllh

最新推荐文章于 2024-07-26 14:24:59 发布

阅读量4.3k

点赞数 1

分类专栏： javascript 表格

本文链接：https://blog.csdn.net/sweetllh/article/details/70453961

版权

本文介绍了如何使用JavaScript动态创建表格，包括填充学生的学号、姓名及语数英成绩，并自动计算总分。同时，实现了行与行之间的颜色交替，以及高亮显示特定行的效果，为表格数据展示提供了良好的视觉体验。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>学生成绩表</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }

        body{
            font-family: "微软雅黑";
            color: #999;
            margin: 20px;
        }

        .form{
    margin-bottom:20px ;}

        input[type=text]{
            font-size: 14px;
            width: 80px;
            height: 20px;
            border: none;
            outline: none;
            border: 1px solid #999;
            line-height: 20px<