JavaScript实现动态表格的创建

该博客介绍了如何利用JavaScript实现动态表格的创建,详细讲述了如何设置表头,包含'编号'、'学号'、'姓名'、'年龄'、'手机号'和'操作'等字段。操作列特别设计了添加和删除行的功能,允许用户灵活地增删表格内容。
摘要由CSDN通过智能技术生成

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

<!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("编号"))
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值