Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript-向th/td元素添加用户输入文本字段_Javascript_Html_Css - Fatal编程技术网

JavaScript-向th/td元素添加用户输入文本字段

JavaScript-向th/td元素添加用户输入文本字段,javascript,html,css,Javascript,Html,Css,问题定义 我正在尝试在旧的JS应用程序中添加一个新功能。具体地说,我试图包括一个用户输入文本框,它可以和其他列交互 当前设计 我的目标 再添加一个名为eksInput的列,该列应包含/生成带有用户输入的td元素 编辑 我在查看w3schools上的用户输入文档,我的尝试如下,尽管它没有遵循任何其他专栏的设计,也不起作用 编辑2 我尝试包括以下内容: var th = document.createElement('th'); th.className = "input"; th.id = "i

问题定义

我正在尝试在旧的JS应用程序中添加一个新功能。具体地说,我试图包括一个用户输入文本框,它可以和其他列交互

当前设计

我的目标 再添加一个名为eksInput的列,该列应包含/生成带有用户输入的td元素

编辑

我在查看w3schools上的用户输入文档,我的尝试如下,尽管它没有遵循任何其他专栏的设计,也不起作用

编辑2

我尝试包括以下内容:

var th = document.createElement('th');
th.className = "input";
th.id = "input_cont";
th.innerHTML = "<input type='text' class='inpt_text' name='inpt[]' >";
row.appendChild(th);
var td = document.createElement('td');
    td.className = "inputTest";
    td.id = "input_test" 
    td.innerHTML = "<input type='text' class='inpt_text' name = 'inpt[]' >";
    tr.appendChild(td);
var th=document.createElement('th');
th.className=“输入”;
th.id=“输入控制”;
th.innerHTML=“”;
第4行,第4行;
这段代码的问题在于它使th元素成为用户输入的文本字段,而不是生成的td元素

已解决

通过执行以下操作解决了我的问题:

var th = document.createElement('th');
th.className = "input";
th.id = "input_cont";
th.innerHTML = "<input type='text' class='inpt_text' name='inpt[]' >";
row.appendChild(th);
var td = document.createElement('td');
    td.className = "inputTest";
    td.id = "input_test" 
    td.innerHTML = "<input type='text' class='inpt_text' name = 'inpt[]' >";
    tr.appendChild(td);
var td=document.createElement('td');
td.className=“输入测试”;
td.id=“输入测试”
td.innerHTML=“”;
tr.appendChild(td);
var th=document.createElement('th');
th.className=“输入”;
th.id=“输入控制”;
th.innerHTML=“”;
第4行,第4行;

我想这段代码会帮助你…

到目前为止你尝试了什么?你的html是什么样子的?你所说的与其他列交互是什么意思?我想你应该使用
document.createElement()
以及
@JSSGOD1337显示完整的表格html和js代码,以便我们可以提供帮助