我是靠谱客的博主 聪慧大炮,这篇文章主要介绍JS实现向表格行添加新单元格的方法,现在分享给大家,希望可以做个参考。

本文实例讲述了JS实现向表格行添加新单元格的方法。分享给大家供大家参考。具体如下:

下面的JS代码可以想表格中指定id的行插入新的单元格

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html> <html> <head> <script> function insCell() { var x=document.getElementById('tr1').insertCell(0); x.innerHTML="The famous"; } </script> </head> <body> <table border="1"> <tr id="tr1"> <td>Peter</td> <td>Griffin</td> </tr> </table> <br> <input type="button" onclick="insCell()" value="Insert cell"> </body> </html>

希望本文所述对大家的javascript程序设计有所帮助。

最后

以上就是聪慧大炮最近收集整理的关于JS实现向表格行添加新单元格的方法的全部内容,更多相关JS实现向表格行添加新单元格内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(178)

评论列表共有 0 条评论

立即
投稿
返回
顶部