日期:2014-05-16 浏览次数:20395 次
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";//设置不可见 }