js动态给table添加内容并显示

js动态给table添加内容并显示,第1张

给你思路,table的tr就是你要插入的内容,td就是值,点击的时候获取上面的值,分别放入td中,就可以最后用table对象append就可以了,至于tr对象你可以自己写一个html模板,或者用插件模板都可以比如jquerytemplate插件。

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/11896518.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存