table动态修改表格内容

最新推荐文章于 2023-11-11 10:09:16 发布

小小黄人儿

最新推荐文章于 2023-11-11 10:09:16 发布

阅读量7.3k

点赞数 1

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

本文链接：https://blog.csdn.net/xiaohuangrener/article/details/78654675

版权

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

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

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