首頁猿問無法從內(nèi)部刪除 div 中的類，JS

無法從內(nèi)部刪除 div 中的類，JS

JavaScript

Qyouu 2021-09-17 16:31:38

如您所見，我想extended從父 div 中刪除類。出于某種原因，這是行不通的。我怎樣才能讓它工作？function closeExpandedProject() { const expandedElement = document.querySelector('.expanded'); expandedElement.classList.remove('expanded');}.expanded { border: 1px solid black; }<div class="project-item-wrapper expanded"> Here is some text <span class="close" onclick="closeExpandedProject()">X</span></div>

查看完整描述

3 回答

滄海一幻覺

TA貢獻1824條經(jīng)驗獲得超5個贊

我相信問題是您通過 querySelector 進行選擇不是您單擊的元素的父級。您必須選擇被單擊元素的 parentNode。

這可能會解決您的問題：

</div>

Javascript：

function closeExpandedProject(element) {

const expandedElement = element.parentNode;

expandedElement.classList.remove('expanded');

}

反對回復(fù) 2021-09-17

波斯汪

TA貢獻1811條經(jīng)驗獲得超4個贊

所以是的，它有效，但問題來自不同的來源。我還有第二個正在添加此類的聽眾。所以使用后stopImmediatePropagation一切正常。如有混淆，請見諒。

反對回復(fù) 2021-09-17

桃花長相依

TA貢獻1860條經(jīng)驗獲得超8個贊

使用目標選擇器將事件偵聽器添加到對象而不是編寫 onclick=foo()

您可以使用 Id 或 ClassName 來完成。

使用 ClassName，它選擇了一個對象列表，因此您必須訪問第 0 個索引

document.getElementsByClassName("close")[0].addEventListener("click", closeExpandedProject);

直接使用 Id

document.getElementById("close").addEventListener("click", closeExpandedProject);

function closeExpandedProject() {

console.log("in function")

const expandedElement = document.querySelector('.expanded');

expandedElement.classList.remove('expanded');

}

document.getElementsByClassName("close")[0].addEventListener("click", closeExpandedProject);

.expanded { border: 1px solid black; }

Here is some text

</div>

反對回復(fù) 2021-09-17

3 回答
0 關(guān)注
171 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

無法從內(nèi)部刪除 div 中的類，JS

無法從內(nèi)部刪除 div 中的類，JS

3 回答

添加回答

無法從內(nèi)部刪除 div 中的類，JS