이 구문을 설명합니다. this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); 이 문장은 다음과 같이 읽을 수 있습니다:

첫 번째 부분 this.parentNode.parentNode.parentNode.

두 번째 부분: RemoveChild(this.parentNode.parentNode);

첫 번째 부분의 의미: this가 가리키는 요소의 부모 컨테이너의 부모 컨테이너와 일치합니다. , 여기서는 요소 외부의 세 번째 레이어에 래핑된 요소입니다.

두 번째 부분은 이 노드를 삭제하고 이 요소의 두 번째 레이어에서 이를 래핑하는 요소인 이 요소가 가리키는 요소의 상위 컨테이너를 삭제한다는 의미입니다.

예:

lt; div id="div1"gt;

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

lt;pgt;1lt;/pgt;

lt;pgt;1lt;/pgt;

lt ;pgt;1lt;/pgt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

이것이 p 요소를 가리키는 경우 위 코드는 p 요소 외부 div의 세 번째 레이어 아래에 있는 id div2를 가진 요소를 삭제한다는 의미입니다.

삭제 ​​후에는 다음 코드만 남습니다:

lt;div id="div1"gt;

lt;/divgt;.