ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用して現在の行を削除し、行を追加する(サンプルコード)_JavaScriptスキル

JavaScriptを使用して現在の行を削除し、行を追加する(サンプルコード)_JavaScriptスキル

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

删除行

复制代码代码如下:

<スクリプト>  
関数 del(obj)
{
obj.parentNode.parentNode.removeNode(true);  
}
  
  
<表>  

单元格1

 

单元格2



单元格3


  


添加行
复制代代以下のように:

<script><br><br> function uf_test(){<br> //テーブル对象を取得<br> var tbTable = document.getElementById("tb_test");<br> //插入行<br> var trT = tbTable.insertRow();<br><br> //得られた上行のtd数<br> var nRows = tbTable.rows[0].cells.length;<br><br> //按上一行のtd数循環插入td<br> for(var i = 0; i < nRows ; i ){<br> //创建td对象<br> var tdT = document .createElement("TD");<br> //给td对象赋值<br> //tdT.innerHTML="sfsdf";  <br> tdT.innerText="sfsdf"; <br> // tr中にtd追加 <br> trT.appendChild(tdT);<br> }<br> }<br><br></script>






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