So löschen Sie tr in Javascript

So löschen Sie tr in JavaScript: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann die Tabelle. Löschen Sie schließlich das tr-Element mit der Methode „function delete2(obj){...}“.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wie lösche ich tr in JavaScript?

Javascript tr-Element löschen

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>

Empfohlenes Lernen: „Javascript-Tutorial für Fortgeschrittene“

Das obige ist der detaillierte Inhalt vonSo löschen Sie tr in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!