javascript - 当用户单击按钮时动态添加行?

标签 javascript html

当用户单击按钮时动态添加行。我制作了一个脚本,但它不起作用,请帮助我

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

最佳答案

function addRow(tableID) {

			var table = document.getElementById(tableID);

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


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


		}
<BODY>

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


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

</BODY>

关于javascript - 当用户单击按钮时动态添加行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39654878/

相关文章:

javascript - 如何从 jquery 中的字符串中删除第一个字符?

javascript - 通过点击 HTML/JS 文档中的图像来加载视频

javascript - 从 <select> 标签返回一个数字

javascript - 8 位愚人节的 Google MapTypeId 是什么?

javascript - 剑道UI图表: adjust label amount dynamically

PHP : How to remove images in the directory of my website using PHP

php - Twig 循环。控制类名

jquery - 使用输入 "range" slider 更改 YouTube 视频的时间?

javascript - 使用 jQuery 和 css 的下拉菜单

javascript - 在不滚动页面的情况下修改 location.hash