verwirren über den ParentNode

Question

Ich bin verwirrt über den ParentNode in JS.Hier ist mein Code.

<table border="1" width="50%" id="table"> 
    <tr> 
    <th>id</th> 
    <th>name</th> 
    <th>del</th> 
    </tr> 

    <tr> 
    <td>001</td> 
    <td>Kevin</td> 
    <td><a href="javascript:;" onclick="del(this);">del</a></td> 
    </tr> 

und der JS-Code:

function del(obj){ 
    var tr = obj.parentNode.parentNode; 
    tr.parentNode.removeChild(tr) 
} 

der Code funktioniert, und ich denke, die obj zum <a> Tag bezieht, die obj.parentNode auf den <td> Tag bezieht, die obj.parentNode.parentNode auf den <tbody> Tag bezieht. so die tr.parentNode.removeChild(tr) bedeutet, das <tr> Tag zu entfernen. Habe ich recht?

ist die Frage, wenn ich den Code so ändern. Es funktioniert nicht.

function del(obj){ 
    var tr = obj.parentNode.parentNode.parentNode; 
    tr.removeChild(tr) 
} 

Answer 1

Der Grund, warum

tr.removeChild(tr) 

nicht ist nicht funktioniert, weil tr kein Kind von tr, das heißt selbst ist. Allerdings funktioniert tr.parentNode.removeChild(tr) funktioniert, weil tr offensichtlich ein Kind von tr.parentNode ist.

Answer 2

removeChild sucht nach einem Knoten innerhalb des Knotens, der die Funktion aufruft. Mit anderen Worten tr.removeChild sucht nach tr innerhalb von tr. Versuchen Sie stattdessen:

var tr = obj.parentNode.parentNode; 
var trParent = tr.parentNode; 
trParent.removeChild(tr); 

Answer 3

ich mit dem gleichen Problem zu tun hatte, und die Antwort ist verwirrend und unlogisch. Nun, es hat seine Logik, führt aber zu nicht trivialen Verhaltensweisen.

Wenn ein Knoten aus der DOM-Struktur entfernt wird, wird im Wesentlichen ein Ereignis mit der Unschärfe ausgelöst (und auch vor einem Fokusereignis). So

, wenn Sie removeChild aufrufen, wird die Unschärfe Ereignis wieder gefeuert, aber das Zeit Link hat immer noch seine parentNode definiert, aber Link ist nicht unter seinen Eltern Kinder mehr! (Ja, lesen Sie diese zweimal. Oder mehr.)

Antwort von Failed to execute 'removeChild' on 'Node'