var j = 0;//为每个结点指定一个ID
td_length=3//定易每个TR包含3个TD
//添加一行
function add() {
var ob = document.getElementsByTagName("tbody")[0];//获取TBODY
var tr = document.createElement("tr");//创建一个TR结点
for (i = 0; i < td_length; i++) {
td = document.createElement("td");//创建TD结点
input = document.createElement("input");//创建一个<input>标签
if(i<2){//判断是否为前两个TD
input.setAttribute("type", "text");//设置此input的类型
input.setAttribute("value",j);//设置此文本框的值
}
else//最后一个TD
{
input.setAttribute("type","button");//设置此input的类型
// obj.addEventListener("click",functionA)//firefox中的INPUT,为对象绑定一个事件
//window.attachEvent("click",input,del());//ie中的INPUT,为对象绑定一个事件
input.onclick=function(){//通用INPUT,为对象绑定一个事件
del(this.parentNode.parentNode.id);//此对象上两级结点的ID
}
input.setAttribute("value","删除");//设置值
}
td.appendChild(input);//添加
tr.appendChild(td);//添加
}
tr.setAttribute("id",j++);//添加
ob.appendChild(tr);//为TR绑定ID
}
//删除行
function del(v)//V为TR的ID
{
alert(v)
document.getElementById(v).style.display="none";//设置不可见
}
用JAVASCRIPT为表格增加行
最新推荐文章于 2021-12-18 20:53:11 发布