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;.