类型'GlobalEventHandlers'不存在属性'classList'。在打字稿中

Question

TypeScript error in D:/office-work/ma-web/src/@utils/uiUtils.ts(6,8):

类型'GlobalEventHandlers'上不存在属性'classList'。 TS2339

4 |         ) as HTMLDivElement
5 |         toggleElem.onclick = function () {

6 | this.classList.toggle（“活动”） | ^ 7 | } 8 | }

代码

export const uiEventHandler = () => {
const toggleElem = document.querySelector(
    ".custom-dropdown-trigger"
) as HTMLDivElement
toggleElem.onclick = function () {
    this.classList.toggle("active")
}

}

Answer 1

检查您是否正在获取元素。

如果是，则需要添加以下内容：

toggleElem.addEventListener('click', callbackfn)

callbackfn() {
    this.classList.toggle("active")
}