JavaScriptに基づいて、表を削除する行を動的に追加することができます.
1524 ワード
もう一つの動的制御テーブルの効果は、JavaScriptを使って表の行、表の列を動的に生成し、またこれらの行を動的に削除することができます.コードを実行した後、対応する機能ボタンをクリックして、対応する表の操作機能を実現します.
1.jsp
番号付け
数
重さ
操作
行を追加
2.js
1.jsp
商品コード番号付け
数
重さ
操作
行を追加
2.js
//
function addTable(){
var tab=document.getElementById("viewTabs"); //
var colsNum=tab.rows.item(0).cells.length; //
//
var num=document.getElementById("viewTabs").rows.length;
var rownum=num;
tab.insertRow(rownum);
for(var i=0;i<4; i++)
{
tab.rows[rownum].insertCell(i);//
if(i==0){
tab.rows[rownum].cells[i].innerHTML=
'';
}else if(i==1){
tab.rows[rownum].cells[i].innerHTML='';
}else if(i==2){
tab.rows[rownum].cells[i].innerHTML='';
}else{
tab.rows[rownum].cells[i].innerHTML='';
}
}
tab.rows[rownum].insertCell(i);
tab.rows[rownum].cells[i].innerHTML=' を ';
}
//
function delRow(obj)
{
var Row=obj.parentNode;
var Row=obj.parentNode; //tr
while(Row.tagName.toLowerCase()!="tr")
{
Row=Row.parentNode;
}
Row.parentNode.removeChild(Row); //
}
以上は小编が皆さんに共有するJavaScriptで、动态的に削除表を追加する行を実现しました.