JS的onclick在Chrome和Safari中均不能被触发
写了一段很简单的源码,就是最基本的使用 <button> 触发事件:
HTML 源码如下:
<body>
<button>Click this button to trigger an event</button>
</body>
<script src="Event.js"></script>
JS 源码如下:
var btn = document.getElementsByTagName("button")
btn.onclick = function () {
alert("Successfully Triggered an Event !");
console.log("Good");
}
在浏览器中解析后,调试时发现 btn 中选择到了 <button> 元素,而且也被赋值了。但是点击 <button> 按钮却没有反应,即没有出现 alert 对话框,控制台也没有显示 “Good”。请问各位大佬这是为什么啊 ?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
因为getElementsByTagName获取的是元素集合,不是元素本身,所以你需要先从这个集合中取到元素,再进行绑定