ホームページ > ウェブフロントエンド > jsチュートリアル > 行の追加、行のコピー、行の削除のための JS 実装コード_javascript スキル

行の追加、行のコピー、行の削除のための JS 実装コード_javascript スキル

WBOY
リリース: 2016-05-16 17:16:27
オリジナル
1026 人が閲覧しました

コードをコピー コードは次のとおりです。

var customerInfoMethod ={
//行をコピーして追加します
copyrow:function(obj,id)
{
var rowIndex=obj.parentNode.parentNode.rowIndex;
var resrow=document.getElementById(id); --;
var newRow=resrow.cloneNode(true);//document.createElement("tr");
varparent = resrow.parentNode;
if(parent.lastChild == resrow){
//targetElement が親の最後の子要素の場合、newElement を挿入します。
parent.appendChild(newRow);
}else{
//そうでない場合は、次の兄弟ノードの前に挿入します。 targetElement
の親。insertBefore(newRow, resrow.nextSibling);
}

//newRow.innerHTML=resrow.innerHTML; ;
for(var a=0;aselectObj[a].options[0].selected=true;
}
var inputObj = newRow.getElementsByTagName ("input");
inputObj[0].style.display="";
inputObj[1].style.display="none"; rows
copyrowUpdate:function(obj,id)
{
var rowIndex=obj.parentNode.parentNode.rowIndex;
var resrow=document.getElementById(id);
var newRow=resrow.cloneNode(true);//document.createElement("tr");
varparent = resrow.parentNode;
// targetElement が親の子要素の最後の要素である場合は、 newElement を挿入します。
parent.appendChild(newRow);
}else{
//そうでない場合は、targetElement の次の兄弟ノードの前に挿入します。
parent.insertBefore(newRow, resrow.nextSibling );
}
//newRow.innerHTML=resrow.innerHTML;
var selectObj = newRow.getElementsByTagName("select"); (var a=0;aselectObj[a].options[0].selected=true;
}
var inputObj = newRow.getElementsByTagName("input") ;
for(var i=0;i< ;inputObj.length-2;i ){
inputObj[i].value="0";
inputObj[inputObj.length-2] ].style.display="";
inputObj[inputObj.length-1].style.display="none";
},
//行を削除
deleteRow:function(rootId, obj) {
var rootTable = $(rootId );
rootTable.deleteRow(obj.parentNode.parentNode.rowIndex);
}
/**
fanjf 行を追加
*/
function addRow(tableId,trId){
var tableObj = document.getElementById(tableId);
var trObj = document.getElementById(trId); >//var trIndex = trObj.rows.length;
var cell = ""
for( i=0;i cell= tableObj.rows(rows).insertCell(i); cell.innerText= trObj.cells(i).innerText; > cell.className= trObj.cells(i).className;

cell.innerHTML= trObj.cells(i).innerHTML;
}
}
/**
行 fanjf を削除
*/
関数 deleteRow(tableId,trId){

var tableObj = document.getElementById(tableId);
var trObj = document.getElementById(trId);

//var trIndex = trObj.rowIndex;// tr の行番号をコピーします🎜 > var rows = tableObj.rows.length;
if(rows>0){
tableObj.deleteRow(rows-1);
}else{
alter("カード番号情報がありません削除 ! ");
}
}


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート