我一直在嘗試制作一個簡單的待辦事項串列，其中我在每個串列項前面添加了很棒的字體圖示，但是當我單擊該圖示時，它不會從串列中洗掉......這是我的 js 代碼：
const list = document.querySelector('.list');
list.addEventListener('click', e => {
if (e.target.className === fa-solid') {
let li = e.target.parentNode;
li.parentNode.removeChild(li);
}
})
這fa-solid是字體真棒圖示的類，當我單擊此圖示時，我的代碼不會運行。
uj5u.com熱心網友回復：
你在 if 陳述句 'fa-solid' 中搞砸了
const list = document.querySelector('.list');
list.addEventListener('click', e => {
if (e.target.className === 'fa-solid') {
let li = e.target.parentNode;
li.parentNode.removeChild(li);
}
})uj5u.com熱心網友回復：
if 內的 fa-solid 前面缺少引號
if (e.target.className === 'fa-solid')
uj5u.com熱心網友回復：
我得到了我的問題的解決方案。我的代碼中唯一錯誤的是字體真棒圖示類的名稱。我們必須在代碼中傳遞整個類名，而不僅僅是fa-solid.
const list = document.querySelector('.list');
list.addEventListener('click', e => {
if (e.target.className === 'fa-solid fa-trash-can') {
let li = e.target.parentNode;
li.parentNode.removeChild(li);
}
})
而已。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/436568.html