关于onclick事件的问题
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>输入框</title>
</head>
<body>
<input type="button" value="点击" Id="a" class="b">
<script type="text/javascript">
var button = document.getElementById("a");
var a = document.getElementsByClassName("b");
var c = document.getElementsByTagName("input");
console.log(typeof button,typeof a,typeof c);
button.onclick = function(){
var result = window.confirm("确定是否删除");
if (result){
button.style.color="red";
}else{
button.style.color="green";
}
}
</script>
</body>
</html>问题：经过打印输出，发现button、a、c都是object类型。为什么在使用onclick事件的时候，只有用button.onclicc,是有提示页面，而使用getElementsByClassName与getElementsByTagName无法使用onclick事件。
麻烦老师指导。谢谢。
10
收起
正在回答 回答被采纳积分+1
1回答
qq_时间煮雨_23
2017-09-15 23:37:14
因为使用getElementsByClassName与getElementsByTagName取得的是类数组，用a[0].onclick与c[0].onclick就可以了
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星