Explique esta declaración this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); Esta frase se puede leer así:

La primera parte this.parentNode.parentNode.parentNode.

La segunda parte: removeChild(this.parentNode.parentNode);

La primera parte significa: hacer coincidir el contenedor principal del contenedor principal del elemento señalado por esto, es decir , aquí El elemento que está envuelto en la tercera capa fuera del elemento.

La segunda parte significa: eliminar este nodo y eliminar el contenedor principal del elemento al que apunta este elemento, que es el elemento que lo envuelve en la segunda capa de este elemento.

Por ejemplo:

lt; div id="div1"gt

lt; > lt;div id="div3"gt;

lt;pgt;1lt;/pgt;

lt;pgt;1lt;/pgt;

lt ;pgt;1lt;/pgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

Si esto apunta al elemento p, entonces el código anterior significa eliminar el elemento con el id div2 debajo de la tercera capa de div fuera del elemento p.

Después de la eliminación, solo queda el siguiente código:

lt;div id="div1"gt;

lt;/divgt;.