
<script>
function addinfo(){
var newTr = mytable.insertRow()
var newTd0 = newTr.insertCell()
var newTd1 = newTr.insertCell()
newTd0.innerHTML = document.getElementById("name").value
newTd1.innerText= document.getElementById("age").value
}
</script>
<table border="1" id="mytable">
<th>name</th><th>age</th>
</table>
<p>
name<input type="text" name="name" id="name">
</p>
<p>
age<input type="text" name="age" id="age">
</p>
<input type="submit" value="add" onClick="addinfo()">
js如何在table中插入一行的方法是定位,插入:1、通过id定位到myTable对象
var table = document.getElementById("myTable")
2、创建一个空的<tr>标签,并且插入到第一行:
var row = table.insertRow(0)
3、插入两列:
var cell1 = row.insertCell(0)
var cell2 = row.insertCell(1)
4、给列分别赋值:
cell1.innerHTML = "NEW CELL1"
cell2.innerHTML = "NEW CELL2"
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)