Maison >interface Web >Questions et réponses frontales >Comment supprimer tr en javascript

Comment supprimer tr en javascript

藏色散人
藏色散人original
2021-07-05 14:40:323235parcourir

Comment supprimer tr en JavaScript : créez d'abord un exemple de fichier HTML ; puis définissez le tableau ; enfin supprimez l'élément tr via la méthode "function delete2(obj){...}".

Comment supprimer tr en javascript

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Comment supprimer tr en JavaScript ?

Javascript delete tr element

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>

Apprentissage recommandé : "Tutoriel avancé Javascript"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn