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

原创

于 2017-04-22 16:13:51 发布 · 4.3k 阅读

9 ·

CC 4.0 BY-SA版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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