如何使用javascript在表格中添加文本框？答案

【问题标题】：how to add textbox in table using javascript?如何使用javascript在表格中添加文本框？
【发布时间】：2010-09-30 07:33:52
【问题描述】：

我只想在运行时使用 javascript 在表格中添加一个文本框。有谁知道...？

谢谢。

【问题讨论】：

【解决方案1】：

哇，天哪，所有的 JQuery 答案都是怎么回事。

有两种方法：

将项目附加到 DOM

这可能是最好的方法：

var input = document.createElement("input"); 
input.type = "text"; 
container.appendChild(input);

InnerHTML

这不是一个很好的方法，从标准的角度来看，innerHTML 是可疑的。我强烈建议使用上面的 DOM 方法，但这里有一个替代方法：

document.getElementById("containerDiv").innerHTML += "<input type='text' />";

【讨论】：

【解决方案2】：

希望此源代码将引导您完成您正在寻找的点！

tableWidget = new YK.TableFactory(3,5,false, false);

文本框 = 新 YK.Entry();

tableWidget.attach(
  textbox, 
  0, 1, 0, 1, 
  {align: YK.JUSTIFY_LEFT, fill: true}, 
  {align: YK.JUSTIFY_TOP, fill: true}, 
  1, 1

);

【讨论】：

【解决方案3】：

这将向页面上第一个表的第一个 tr 的第一个 td 插入一个文本区域（使用 jQuery）。但我想它会以正确的方式发送给你

$('table:first tr:first td:first').append('<textarea>my text</textarea>');

【讨论】：

【解决方案4】：

使用jQuery 你可以这样做：

$('<input type="text" name="" id="" />').appendTo('#id_of_my_td');

【讨论】：