javascript 怎么向表格里加文字

javascript 怎么向表格里加文字,第1张

粘到你那试试

<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"


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7953359.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存