问题描述
今天使用源生js实现 点击按钮关闭对应div功能(有多个按钮,相同class名),出现onclick无效情况。
问题原因
- 使用
getElementById
获取元素的结果是:当前元素 - 使用
getElementsByClassName
获取元素的结果是:相同class名元素数组。
解决办法
var div = document.getElementById("div");
console.log("getElementById: ");
console.log(div);
var btn = document.getElementsByClassName("btn");
console.log("getElementsByClassName: ");
console.log(btn);
// 解决办法
for(var i = 0;i < btn.length;i++){
btn[i].onclick=function(){
// 通过js实现div隐藏
div.style.display = "none";
};
}