日期:2014-05-16  浏览次数:20360 次

用JAVASCRIPT为表格增加行
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";//设置不可见 
}