javascript动态填写html表格内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js table demo</title>
</head>
<body>
name：<input type="text" value=""/><br>
sex：<input type="text" value=""/><br>
address：<input type="text" value=""/>
<input id="btn" type="button" value="submit"/ onclick="add();">
<table border="1px" id="tab1">
<tr>
<th>name</th>
<th>sex</th>
<th>address</th>
</tr>
<tr>
<td>John</td>
<td>man</td>
<td>aaa 101</td>
</tr>
</table>
<script>
function add(){
var aInput = ElementsByTagName('input');//读取所有input形成⼀个
数组
javascript动态效果var table = ElementById("tab1");//取得表格
var ateElement('tr');//给该表格创建tr节点
table.appendChild(oTr);//创建table的⼦节点tr
for(var i = 0; i < aInput.length-1; i ++){
var ateElement('td');//创建td节点
oTd.innerHTML=aInput[i].value;//给创建的td节点赋值
oTr.appendChild(oTd);//将创建的td交给oTr节点tr
}
}
</script>
</body>
</html>
var aInput = ElementsByTagName('input');    获取3个input元素；
表格要有id，然后可以取得表格，
var table = ElementById("tab1");//取得表格

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。