无法将事件侦听器添加到HTML元素

时间:2019-09-15 12:22:52

标签: javascript events addeventlistener

无法将事件侦听器添加到span元素。请帮忙。请让我知道是否可以调试它。

<html>

<head>
</head>

<body>
    <span id="test">Click me!</span>
    <script>
        var element = document.getElementById('test');
        element.addEventListener('onclick', function ()
        {
            alert('it works!')
        })
    </script>
</body>

</html>

1 个答案:

答案 0 :(得分:1)

展开我的评论:

您需要将“ onclick”替换为“ click”。

当您确实将函数添加为属性domElement.onclick = function () {...}

时,将使用“ on”前缀

var element = document.getElementById('test');
element.addEventListener('click', function ()
{
    alert('it works!')
})
<span id="test">Click me!</span>