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