<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动态表格</title>
</head>
<script type="text/javascript">
function deleteTd(obj) {
var a = obj;
var tr = a.parentNode.parentNode;
var table = document.getElementById("table1");
table.removeChild(tr);
}
function add(){
var inputs = document.getElementsByTagName("input");
var id = inputs[0].value;
var idtd = document.createElement("td");
var idtext = document.createTextNode(id);
idtd.appendChild(idtext);
var name = inputs[1].value;
var nametd = document.createElement("td");
var nametext = document.createTextNode(name);
nametd.appendChild(nametext);
var sex = inputs[2].value;
var sextd = document.createElement("td");
var sextext = document.createTextNode(sex);
sextd.appendChild(sextext);
html实现表格的增删
最新推荐文章于 2024-02-28 17:31:21 发布