Javascript：使單元格可編輯

我目前正在使用javascript處理項目。我有一個按鈕將行插入到我的表中。每行有3個單元格。其中一個單元必須是可編輯的，所以用戶可以在那裏寫一個鏈接。我怎樣才能做到這一點？謝謝。 我不應該使用JQUERY！ mycode的：Javascript：使單元格可編輯

<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>

來源

2016-05-25 Dimitris HD

當你生成你的表，你必須有它的窗體標記內。這樣，您就可以在需要編輯的任何單元格中生成一個INPUT文本框。 – durbnpoisn

爲了擴展上述內容，沒有可編輯的表格單元。您需要在單元格內輸入文字控件。如果格式正確，它甚至可以看起來好像單元格本身是可編輯的。如果您計劃提交內容，您也只需要它在表單標籤內。如果您只是使用JavaScript處理它們，則表單不是必需的。 – SunKnight0

@ SunKnight0如你所說，我如何在單元格內部有一個輸入控件？ –

這將插入一個輸入框到小區1在javascript：

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);  

}

來源

2016-05-25 20:04:51

你是對的！非常感謝！ :) –

這是您的問題的正確答案？ –

是的，這是正確的答案:) –

Javascript：使單元格可編輯

回答

相關問題