古詩詞大全網 - 成語故事 - 解釋下這條語句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.parentNode.parentNode.parentNode.

第二部分:removeChild(this.parentNode.parentNode);

第壹部分意思是:匹配到this所指向的元素的父容器的父容器的父容器,也就是在這個元素外面第三層包裹他的那個元素。

第二部分意思就是:刪除這個節點,並且是刪除的是這個this元素指向的元素的父容器的父容器,也就是這個元素第二層包裹它的那個元素。

例如:

<div id="div1">

<div id="div2">

<div id="div3">

<p>1</p>

<p>1</p>

<p>1</p>

</div>

</div>

</div>

如果this是指向p元素的,那麽妳上面這段代碼意思就是刪除p元素外面第三層的div下的id是div2的元素。

刪除後的代碼就只剩下:

<div id="div1">

</div>了。