利用js動態加入刪除table行的範例程式碼_javascript技巧

如下：

複製程式碼 程式碼如下:

程式碼如下:

//動態新增行


function addRow(){
   var table = document.getElementById("tableID");
   var newRow = table.insRow();新行   var newCell1 = newRow.insertCell(); //建立新儲存格

   newCell.innerHTML = ""； //儲存格內的內容   newCell.setAttribute(eralign" "); //設定位置}

//動態刪除行


function deleteRow(){

   var rowIndex = event.srcElement.parentElement.Pm.Element.rowIndex; document.getElementById("tableID");

   styles.deleteRow(rowIndex);
}

    

產品名稱	產品數量	產品單價
電子    電器

<script><BR>function addRow(){<BR>/ /新增行<BR> <BR>var newTr = testTbl.insertRow();//新增列<P>var newTd0 = newTr.insertCell();<BR>var newTd1 = newTr.insertCell();<BR>var newTd1 = newTr.insertCell();<🎜 .insertCell();<BR>var newTd3 = newTr.insertCell();<BR>//設定列內容與屬性<BR> <BR>newTd0.innerText = document.all("a").options[document.all("a").selectedIndex].text;<BR>newTd1.innerText = document.all("b").value; <BR>newTd2.innerText = document.all("c").value;<BR>newTd3.innerHTML= '<input type="button" name="del" value="刪除" onclick="del(this) ">';<BR>}<BR>function del(o)<BR>{<BR>var   t=document.getElementById('testTbl');</script>

t.deleteRow(o.parentNode.parentNode.rowIndex) }