js动态添加表格的列，js动态生成表格

求JS操作动态表格的全部方法,添加删除行列,单元格,设置属性等。_百度...

最简单的方法，在你需要添加表格的地方，弄个Div，将你要添加的表格使用InnerHtml的方式直接扔到div里面去，点击删除的话，再从Div里面移除出去就是了，如果不喜欢的话，还有CreateElement的方法可以使用都可以实现你的目的。

行的操作比较简单，有现成的api table.insertRow(index)；table.deleteRow(index)；列的操作比较麻烦，需要检索每一行，操作对应的单元格。

用js给表格动态插入了一行，行内有多个单元格。但插入行后，单元格错乱，很难看。这是因为原来表格行和单元格中有rowspan和colspan属性，这两个属性是为了合并单元格等情况设置的。rowspan 属性：指定单元格跨越的 行数。

简单的补个例子上，希望楼主能把addMethods的第二个参数大致有几种情况写清楚。

例如：name=xxx[]，php的话要把每一列的值作为数组传给后台程序，然后把table放在一个form中，比较简单的思路就是这样了，当然也可以用ajax传json给后台，还有推荐使用jquery，原生js写得真是蛋疼啊。。

相关问答

Q1: JavaScript如何动态创建table表格_javascript技巧

动态加载表格 首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。

．在页面div中创建一个空白表，可以根据需要对其进行定制。2．创建表之后，我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

inserRow()和insertCell()函数insertRow()函数可以带参数，形式如下：insertRow(index)：index从0开始这个函数将新行添加到index的那一行前，比如insertRow(0)，是将新行添加到第一行之前。

在页面div中事先创建一个空白表格，可以根据需求而定。表格创建好后，我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。

Q2: JS如何为动态生成的表格添加事件?

1、看你上面用的document.write，这样执行完之后，当然只会有你添加的表格了。

2、最好是在元素生成的时候就加上事件，不然的话比较麻烦。在jquery中，你也可以用live()和delegate()这样的方法绑定元素，是实时监听的。

3、在table被加载后，脚本无法替换onClick()事件。

4、有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的几种方法，我们也常常混合使用。

5、这篇文章主要给大家介绍了关于JS动态添加元素及绑定事件造成程序重复执行的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。

6、下面我就为大家分享一篇jQuery动态添加li标签并添加属性和绑定事件方法，具有很好的参考价值，希望对大家有所帮助。

Q3: 用js实现动态添加表格数据

两种JavaScript动态创建table表格的方法，分享给大家，具体实现如下方法一：最原始的方法，创建一一元素方法二：利用table对象里面含有的函数：插入行和插入列动态的创建和删除：创建表格，通过输入的值：删除行：删除列：输出的列。

在页面div中事先创建一个空白表格，可以根据需求而定。表格创建好后，我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。

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

一般而言就是把表格内的内容利用ng-repeat，ng-bind，ng-model，ng-value，ng-class等属性将对象绑定到对应的标签，当对象的有相应变化的时候，所绑定的值就会变化。

如果不喜欢的话，还有CreateElement的方法可以使用都可以实现你的目的。

①。html有点错，radio的name相同，id不能相同，②。如果value的值分别写为0和1，要写进表格的值为男和女的话，那么js中还要在判断下 ③。

Q4: js操作DOM,动态增加表格填数据,下面这段程序为什么不行

1、写入内容不会根据DOM对应的ID或class来写入数据，而是类似于文本写入方式的先后顺序写入，当页面加载完成后，再使用此方法，则会将新写入的数据覆盖掉页面原始内容。

2、用on的方式添加事件。 第二个参数是绑定的元素，也就是你希望点哪个触发事件。

3、动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。对于动态生成的html，应该在生成完成之后再执行一次需要对这些html操作的js代码。

4、：JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。而如果真的弹出了“脚本运行时间过长“的提示框则说明你的JS脚本肯定有死循环或者进行过深的递归操作了。

5、JavaScript的一个主要功能就是可以动态地改写显示的Web站点，并且，支持这一功能的是dom（documan Object Model），所以本篇文章我们就来介绍使用JavaScript操作DOM的方法。

Q5: JS动态添加表格

1、．在页面div中创建一个空白表，可以根据需要对其进行定制。2．创建表之后，我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

2、首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。

3、无论是动态还是静态，它的样式都可以被已经写好的css定义 你只需动态添加class，(p：first).addClass(intro)；也可以在你动态添加表格的时候，改一下代码，直接把class也设置了，让它和原来添加前一样。

关于js动态添加表格的列和js动态生成表格的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。