前台技术--多行录入域实现

原创于 2014-06-09 17:19:18 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

前台技术专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作HTML表格的方法，包括如何插入新的行和单元格，并在这些单元格中添加输入框以方便用户输入监测类型和URL等信息。此外，还提供了删除指定行的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function insert(){
	var aalen = document.getElementsByName("aa").length;
	aalen = eval(3+aalen);
	
	var x=document.getElementById('adInfo').insertRow(aalen);
	var y=x.insertCell(0);
	y.style.width="270px";
	y.style.height="18px";
	y.colSpan = "4";
	
	var text = "<td>";
	text += "<font>监测类型：</font>";
	text += "<input type=\"text\" name= \"aa\" />";
	text += "<font>监测URL：</font>";
	text += "<input type=\"text\" name= \"bb\" style=\"width:500px\" />";
	text += "<input type=\"button\" name=\"delListener\" onclick=\"del(this)\">";
	text += "</td>";
	
	y.innerHTML=text;
}

function del(obj){
    var index=obj.parentNode.parentNode.rowIndex;
    var table = document.getElementById("adInfo");
    table.deleteRow(index);
}