網頁

2011年3月19日 星期六

JavaScript動態新增欄位

//先透過getElementById抓到表單物件
var deteleTable = document.getElementById("stable")
var addColumn;
//透過for迴圈來動態新增欄位
for (var i = 0; i < deteleTable.rows.length; i++) {
addColumn = deteleTable.rows[i].insertCell(2);
//透過innerHTML來新增tag
addColumn.innerHTML = "delete ";
//處理的事件
addColumn.firstChild.onclick = myDelete;
}
//事件的方法
function myDelete() {
var deleteTable = document.getElementById("stable");
alert(this.nodeName);
alert(this.parentNode.nodeName);
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
}

沒有留言:

張貼留言