当用户点击按钮时动态添加行？

当用户点击按钮时动态添加行。我做了一个脚本，但它不工作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

当用户点击按钮时动态添加行？

回答

相关问题