當用戶點擊按鈕時動態添加行？

當用戶點擊按鈕時動態添加行。我做了一個腳本，但它不工作PLZ幫我當用戶點擊按鈕時動態添加行？


 
<script> 
 
var t; 
 
t=2; 
 
function Insert(){ 
 
var tab=document.getElementById("mytable"); 
 

 
var row=insertRow(t); 
 
var cell1=insertCell(0); 
 
var cell2=insertCell(1); 
 
var cell3=insertCell(2); 
 
var cell4=insertCell(3); 
 
    
 
t=t+1; 
 
    
 
    
 
    cell2.setAttribute('contenteditable','true'); 
 
    cell3.setAttribute('contenteditable','true'); 
 
    cell4.setAttribute('contenteditable','true'); 
 
} 
 
</script> 
 
Html 
 
<input type="button" onclick="Insert()" name="Insert Row" value="Insert Row" />

來源

2016-09-23 Marina

改變你的腳本一樣

<script> 
 
var t; 
 
t=2; 
 
function Insert(){ 
 
var tab=document.getElementById("mytable"); 
 

 
var row=tab.insertRow(t); 
 
var cell1=row.insertCell(0); 
 
var cell2=row.insertCell(1); 
 
var cell3=row.insertCell(2); 
 
var cell4=row.insertCell(3); 
 
    
 
t=t+1; 
 
    
 
    
 
    cell2.setAttribute('contenteditable','true'); 
 
    cell3.setAttribute('contenteditable','true'); 
 
    cell4.setAttribute('contenteditable','true'); 
 
} 
 
</script>

來源

2016-09-23 07:19:37

做過謝謝你PLZ能理解我的邏輯 – Marina

的insertRow和的insertCell是[對象的方法]（http://www.w3schools.com/js/js_object_methods.asp），在腳本中使用它們作爲[功能] （http://www.w3schools.com/js/js_functions.asp）。對象方法，正如名字所示;需要一個對象才能被調用。這是用'完成的。 '這是一個財產訪問者。 – Roy123

你得到表id並將其存儲在tab變量中現在插入行而不提及表，所以它將進入該行的位置 –

function addRow(tableID) { 
 

 
\t \t \t var table = document.getElementById(tableID); 
 

 
\t \t \t var rowCount = table.rows.length; 
 
\t \t \t var row = table.insertRow(rowCount); 
 

 

 
\t \t \t var cell3 = row.insertCell(0); 
 
\t \t \t var element2 = document.createElement("input"); 
 
\t \t \t element2.type = "text"; 
 
\t \t \t element2.name = "txtbox[]"; 
 
\t \t \t cell3.appendChild(element2); 
 

 

 
\t \t }

<BODY> 
 

 
\t <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 
 

 

 
\t <TABLE id="dataTable" width="100px" border="1"> 
 
\t \t <TR> 
 
\t \t \t <TD> <INPUT type="text" /> </TD> 
 
\t \t </TR> 
 
\t </TABLE> 
 

 
</BODY>

來源

2016-09-23 07:25:59 Gowtham

完成非常感謝你請參考我的一些好的書爲Java腳本 – Marina

你可以從tutorialspoint.com下載pdf，你可以從該網站學到 – Gowtham

我upvoted你可以一次只勾選一個 – Marina

當用戶點擊按鈕時動態添加行？

回答

相關問題