javascript实现动态增加删除表格行(兼容IE/FF)_javascript技巧

WBOY
リリース: 2016-05-16 19:16:01
オリジナル
1097 人が閲覧しました

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


动态增删表格行
<script> <BR><!-- <BR>//author: Robin <BR>//email: griefforyou@gmail.com <br><br>var rowIndex=0; <BR>function addLine(obj){ <BR>var objSourceRow=obj.parentNode.parentNode; <BR>var objTable=obj.parentNode.parentNode.parentNode.parentNode; <BR>if(obj.value=='增加'){ <BR>rowIndex++; <BR>var objRow=objTable.insertRow(rowIndex); <BR>var objCell; <br><br>objCell=objRow.insertCell(0); <BR>objCell.innerHTML=" "; <br><br>objCell=objRow.insertCell(1); <BR>objCell.innerHTML=objSourceRow.cells[1].innerHTML; <br><br>objCell=objRow.insertCell(2); <BR>objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除'); <BR>} <BR>else{ <BR>objTable.lastChild.removeChild(objSourceRow); <BR>rowIndex--; <BR>} <BR>} <br><br>function removeLine(){ <br><br>} <br><br>//--> <BR></script>
























基本信息
其它信息  
     
     




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