JavaScript实现动态表格的创建

最新推荐文章于 2024-05-03 16:01:29 发布

Lemons-

最新推荐文章于 2024-05-03 16:01:29 发布

阅读量1.5k

点赞数 3

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_38805665/article/details/76652101

版权

全部实现表格的动态创建。
要求：表格表头内容为”编号，学号，姓名，年龄，手机号，操作”，
操作列包括两个按钮【添加】【删除】可以动态为这个表格添加行，也可以删除行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现动态表格的设计</title>
</head>
<body>

<button id="button1" onclick="addRows()">添加</button>
<button id="button2" onclick="deleteRows()">删除</button>

<script type="text/javascript">

    //1.创建表格
    var table=document.createElement("table");
    table.border="1";
    table.width="800px";
    //2.创建tbody
    var tb=document.createElement("tbody");
    table.appendChild(tb);
    //3.创建表头
    var tr1=document.createElement("tr");
    tb.appendChild(tr1);
    var th1=document.createElement("th");
    th1.appendChild(document.createTextNode("编号"))

最低0.47元/天解锁文章

Lemons-

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现动态表格的创建

全部实现表格的动态创建。要求：表格表头内容为”编号，学号，姓名，年龄，手机号，操作”，操作列包括两个按钮【添加】【删除】可以动态为这个表格添加行，也可以删除行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现动态表格的设计</title></head><body><button
复制链接

扫一扫