瀏覽器忽略的javascript dom事件

Question

我真的很困惑，除了這個之外，其他元素的 onclick 都在工作，

        var chatPop = document.createElement('div'),
        chatClose = document.createElement('button');

        chatPop.classList.add('chat-pop')

        chatClose.appendChild(document.createTextNode('X'));
        chatClose.onclick = () => $c('chat-pop')[0].remove()
        chatHeader.appendChild(chatClose)
        chatPop.appendChild(chatHeader)
        document.body.appendChild(chatPop)

並且 onclick 事件不存在

Answer 1

您需要在腳本中修復一些問題。

• chatHeader變量是undefined 。
• 從$c('chat-pop')[0].remove()刪除c並添加. 在選擇器中，像這樣： $('.chat-pop')[0].remove() 。
• 您是否將 jQuery 包含到您的 html 中？ 您需要 JQuery 才能使用$函數。 您還可以將$('.chat-pop')[0].remove()替換$('.chat-pop')[0].remove() document.getElementsByClassName('chat-pop')[0].remove() 。

var chatPop = document.createElement('div'),
    chatHeader = document.createElement('div'),
    chatClose = document.createElement('button');

chatPop.classList.add('chat-pop')
chatClose.appendChild(document.createTextNode('X'));
chatClose.onclick = () => document.getElementsByClassName('chat-pop')[0].remove()
chatHeader.appendChild(chatClose)
chatPop.appendChild(chatHeader)
document.body.appendChild(chatPop)