Question

我目前正在使用javascript开展项目。我有一个按钮，可以在我的表中插入行。每行有3个单元格。其中一个单元格必须是可编辑的，因此用户可以在那里编写链接。我怎样才能实现这一目标？谢谢。 我不应该使用JQUERY！ mycode：

<head>
<style>
table, td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
function Insert(){
var x=document.getElementById("myTable");
var row=x.insertRow(1);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
cell1.innerHTML=document.getElementById("myTxt");


}


 </script>
 </head>

 <body>
 <input id="myTxt" name="Text1" type="text" />
 <input onclick="Insert()" name="Submit1" type="submit" value="Insert" />

 <table id="myTable">
 <tr id="myRow">
 <td>Cell 1</td>
 <td>Cell 2</td>
 <td>Cell 3</td>

 </tr>
</table>
</body>

Answer 1

这会在javascript中将输入框插入到单元格1中：

function Insert() {

var x=document.getElementById("myTable");
var row=x.insertRow(1);
var cell1=row.insertCell(0);

var txtBox = document.createElement("input");
txtBox.type = "text";
txtBox.name = "Text1";
txtBox.id = "myTxt";

cell1.appendChild(txtBox);

var cell2=row.insertCell(1);
var cell3=row.insertCell(2);    

}

Javascript：使单元格可编辑

1 个答案: