Javascript 如何在表格行旁边添加按钮

Javascript 如何在表格行旁边添加按钮,javascript,html,dom,Javascript,Html,Dom,我正在创建一个表。最后一行是一个输入字段,用户可以在其中添加记录。我想要的是在用户单击以存储新数据的行旁边的“添加”按钮。从视觉上看,按钮将位于桌子外面的右侧 我不知道怎么做,需要一些指导。如何添加此类按钮?为所有其他行添加一组空白tds,在最后一行中有“添加”按钮。听起来怎么样 为所有其他行添加一组空白的tds,在最后一行中有“添加”按钮。听起来怎么样 您可以将表格放在另一个两列表格的第一列中,然后将按钮添加到第二列,并将其与底部垂直对齐 下面是table方法的JSFIDLE- 这个问题涉及通

我正在创建一个表。最后一行是一个输入字段,用户可以在其中添加记录。我想要的是在用户单击以存储新数据的行旁边的“添加”按钮。从视觉上看,按钮将位于桌子外面的右侧


我不知道怎么做,需要一些指导。如何添加此类按钮?

为所有其他行添加一组空白tds,在最后一行中有“添加”按钮。听起来怎么样

为所有其他行添加一组空白的tds,在最后一行中有“添加”按钮。听起来怎么样

您可以将表格放在另一个两列表格的第一列中,然后将按钮添加到第二列,并将其与底部垂直对齐

下面是table方法的JSFIDLE-

这个问题涉及通过css将按钮排列到表行-


您可以将表格放在另一个两列表格的第一列中,然后将按钮添加到第二列,并将其垂直与底部对齐

下面是table方法的JSFIDLE-

这个问题涉及通过css将按钮排列到表行-


在最后一行的最后一个单元格中,放置一个
位置为
相对的
,并在该div内放置
位置为:绝对的按钮,然后将按钮移动到表外
右侧:-按钮的宽度
。您可以在表中最后一行之前添加新行,以便按钮始终位于最后一行


你需要这个
,因为有些浏览器(Firefox)不要尊重表格单元格和行上的
位置:相对

在最后一行的最后一个单元格中放置
位置:相对
,并在该div内放置
位置:绝对
按钮,并将按钮移动到表格外
右侧:-宽度\u按钮
。您可以在表中最后一行之前添加新行,以便按钮始终位于最后一行


您需要该
,因为某些浏览器(Firefox)不尊重表单元格和行上的
位置:relative

+1可以将新行添加到表的底部,并在每次添加行时将div移动到最后一行的最后一个单元格。移动按钮是一种无关的DOM操作,这在性能方面是昂贵的。+1可以将新行添加到表的底部,并且每次添加一行时只将div移动到最后一行的最后一个单元格。移动按钮是一种无关的DOM操作,这在性能方面是昂贵的。