古詩詞大全網 - 成語查詢 - javaScript中table表任意復制壹行怎麽實現JS

javaScript中table表任意復制壹行怎麽實現JS

table表任意復制壹行的關鍵是復制哪行,插入到什麽位置,如何插入。

第 壹個問題復制哪行,通常是點擊某壹行以確定復制的當前行,核心代碼如下:

var e = window.event

if (e.target) targ = e.target

else if (e.srcElement) targ = e.srcElement

if (targ.nodeType == 3)

targ = targ.parentNode

if(targ.tagName=="TD")

第 二個問題插入位置,通常是點擊行的下面

pos = targ.parentNode.rowIndex+1

也有可能在表頭首行pos =0

再就是表尾"beforeEnd"

第三個問題如何插入,先復制當前行:

var con = targ.parentNode.cloneNode(true);

再進行插入,可以是insertRow,也可以是insertAdjacentElement:

var x=document.getElementById('myTable').insertRow(pos);

document.getElementById('myTable').insertAdjacentElement("beforeEnd",con);

復制之後可對復制行裏的內容進行修改調整:

var y=x.insertCell(0).innerHTML=document.getElementById("cell1").value

也可進行刪除指定行:

document.getElementById('myTable').removeChild(Obj.parentNode.rows[i]);