JavaScriptでtrを削除する方法

JavaScript で tr を削除する方法: 最初に HTML サンプル ファイルを作成し、次にテーブルを定義し、最後に「function delete2(obj){...}」メソッドを使用して tr 要素を削除します。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript で tr を削除するにはどうすればよいですか?

JavaScript tr 要素の削除

Javascript

             function delete1(obj){
var tr=obj.parentNode.parentNode;
    var tbody=tr.parentNode;
    tbody.removeChild(tr);
}
//使用Jquery 删除
function delete2(obj){
$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
//该方式只是将TR 元素隐藏
function hide(obj){
$(obj).parent().parent().hide();
}

HTML

<table>
<tbody>
<tr>
<td>xxx1</td>
<td><span οnclick="delete1(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="delete2(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="hide(this)">隐藏</span></td>
</tr>
</tbody>
</table>

推奨学習: 「JavaScript 上級チュートリアル##」 #》

以上がJavaScriptでtrを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。