浏览器忽略的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)