table动态修改表格内容

小小黄人儿

于 2017-11-28 14:26:22 发布

阅读量7.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：作业文章标签： table td 修改

本文链接：https://blog.youkuaiyun.com/xiaohuangrener/article/details/78654675

这篇博客探讨了如何使用JavaScript动态修改HTML表格中的数据。通过示例代码，作者展示了如何选择表格元素，以及如何添加、删除或更新单元格（td）的内容。

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

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{ width: auto;height: auto; }
        .inputOne {
            /* 去掉input默认边框 */
            outline: none;
            border:none;
            line-height: 33px;
            width: 100%;
            height: 100%;
            display: inline;
            background-color: #ffe9ac;
        }
        table{
            font-weight: 600;
        }

    </style>
</head>
<body>

<table align="center" border="4" width="600" id="tt">
    <caption style="font-size: 30px"><b> 学生信息情况 </b></caption>
    <tr align="center" bgcolor="#e9967a">
        <td >姓名</td>
        <td >民族</td>
        <td>组别</td>
        <td>出生年月</td>
        <td>学校</td>
    </tr>
    <tr align="center" bgcolor="#fffaf0">