css添加数据

最新推荐文章于 2023-02-25 16:24:30 发布

要你看

最新推荐文章于 2023-02-25 16:24:30 发布

阅读量469

点赞数

本文链接：https://blog.csdn.net/Chenkai_19960607/article/details/78451860

版权

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
</head>

<body>
用户名:<input type="text" id="username" /><br /> 密   码:
<input type="text" id="password" /><br />
<input type="button" id="add" value="添加" οnclick="add()" />
<table border="1" cellspacing="1" cellpadding="1" id="t">
<tr>
<th>姓名</th>
<th>密码</th>
</tr>
<tr>
<td>zhangs</td>
<td>123</td>
</tr>
</table>
<script type="text/javascript">
function add() {
var name = document.getElementById("username").value;
var password = document.getElementById("password").value;

var tr=document.createElement("tr");
var td0=document.createElement("td");
var name1=document.createTextNode(name);
td0.appendChild(name1);
var td1=document.createElement("td");
var pass1=document.createTextNode(password);
td1.appendChild(pass1);
tr.appendChild(td0);
tr.appendChild(td1);
var table1=document.getElementById("t");
table1.appendChild(tr);
}
</script>
</body>

</html>