首頁猿問 js 刪除元素報錯

js 刪除元素報錯

JavaScript

料青山看我應(yīng)如是 2019-02-28 10:29:33

直接看代碼，msgList 是一個 ul 元素，target.parentNode 是 ul 下的 li，target 是 li 內(nèi)部的 a 標(biāo)簽，要實現(xiàn)的功能是在 ul 上設(shè)置了 click 的事件監(jiān)聽，當(dāng)點擊 a 的時候，通過事件冒泡，會刪除包含該 a 標(biāo)簽的 li 標(biāo)簽。但是如下的寫法最終該元素也刪除了，但是控制臺卻報了一個錯誤，沒想明白怎么回事，請大神指教一二。報的錯誤：但是我不使用事件委托的方式，直接遍歷所有的 a 標(biāo)簽，就是正常的。

查看完整描述

2 回答

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗獲得超6個贊

第一張圖里面使用事件委托的方式，剛才執(zhí)行了一遍，也沒報錯，
看代碼也沒任何問題。應(yīng)該是其它地方出問題了。

反對回復(fù) 2019-03-05

蠱毒傳說

TA貢獻(xiàn)1895條經(jīng)驗獲得超3個贊

MDN上有針對removeChild上可能造成的異常有解釋：

The method throws an exception in 2 different ways:

If the child was in fact a child of element and so existing on the
DOM, but was removed the method throws the following exception:

Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

If the child doesn't exist on the DOM of the page, the method throws
the following exception:

Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.

If child was in fact a child of element at the time of the call, but was removed by an event handler invoked in the course of trying to remove the element (eg, blur.)

反對回復(fù) 2019-03-05