Javascript 如何在表格字段中添加带有输入文本的表格行

如何在表格字段中添加文本输入的表格行

var table=document.getElementById("myTable");
var rowCount = table.row.length;
var row=table.insertRow(rowCount);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);

cell1.innerHTML += "<td class='align-center'>1</td>";
cell2.innerHTML += "<input type='text' class='input-long' name='newcategoryname' value='New Category' onfocus='if(this.value == \"New Category\"){ this.value = \"\"; }' onblur='if(this.value==\"\"){this.value=\"New Category\";}'/>";

var table=document.getElementById（“myTable”）；
var rowCount=table.row.length；
var row=table.insertRow（rowCount）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML+=“1”；
cell2.innerHTML+=“”；

您必须使用createElement方法创建输入元素， 试试这个

---

检查这一行：

var rowCount=table.row.length

它给了你什么吗？你所拥有的东西在这把小提琴中工作正常：唯一的区别是table.row.length变成table.rows.length。（学习使用Javascript控制台查看和跟踪错误——这是一个巨大的帮助。）@struthersneil它在那里工作正常，但为什么它在我的脚本上不工作？@struthersneil，感谢您的帮助，现在正在工作…正在工作，但是如何设置类样式和这个值='New Category'onfocus='if（this.value=\'New Category\）{this.value=\''''''>；}'onblur='if（this.value=\“\”）{this.value=\“New Category\”；}放入其中？在元素上可以设置所有这些

    var cell1 = row.insertCell(1);
    var element1 = document.createElement("input");
    element1.type = "text";
    element1.name = "txtbox[]";
    cell1.appendChild(element1);