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

全国公民身份z号码查询服务中心 • 2023-5-18 • IT百科 • 阅读 2

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

JS 语法向body中添加元素用innerHTML，下面是示例代码，供参考：

var div1 = document.getElementById('DIV1')

var code = '<TABLE>'

code += '<TR><TH>姓名</TH><TH>性别</TH></TR>'

code += '<TR><TD>张三</TD><TD>男</TD></TR>'

code += '<TR><TD>李三</TD><TD>女</TD></TR>'

code += '<TR><TD>王三</TD><TD>男</TD></TR>'

code += '<TR><TD>赵三</TD><TD>男</TD></TR>'

div1.innerHTML = code + '</TABLE>'

</script>

<body>

</body>

欢迎分享，转载请注明来源：内存溢出

插件对象模板添加内容

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-05-18

下一篇 2023-05-18

登录后才能评论