几行js代码实现表格动态新增、删除行

1 view
Skip to first unread message

goes...@gmail.com

unread,
Mar 27, 2009, 11:50:51 PM3/27/09
to goeswind
var tbl, blank_tr, isJzy = false;

function myonload(type) {
if (type && "jzy" == type) {
isJzy = true;
tbl = $("gcxmmx_table");
} else {
tbl = $("xmmx_table");
}
blank_tr = tbl.rows(1).cloneNode(true);
}

function add() {
var src = event.srcElement;
var tr = src.parentNode.parentNode;
var ntr = blank_tr.cloneNode(true);
insertAfter(ntr, tr);
}

function del() {
var src = event.srcElement;
var tr = src.parentNode.parentNode;
tbl.deleteRow(tr.rowIndex);
}

function insertAfter(newElement, targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
// 如果最后的节点是目标元素,则直接添加。因为默认是最后
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement, targetElement.nextSibling);
// 如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面。
}
}
Reply all
Reply to author
Forward
0 new messages