在下面的代码中,
Meta charset="UTF-8">
/* hideOddRows.js */
document.querySelector('[name=HideRows]').onclick = hideRows;
function hideRows(){
var elements = document.getElementsByClassName('hide');
elements.forEach(function(element){
element.style.visibility = "hidden";
});
return true;
}
根据调试,元素数组的每个元素的回调函数不会在click事件上执行.
我将元素视为键控集合,如下所示.
–
最佳答案
forEach不包含在getElementsByClassName返回的类似数组的HTMLCollection对象的原型中.
原文链接：https://www.f2er.com/js/426910.htmlHTMLCollection实例类似于数组,因为您可以通过索引访问元素,但它不包括数组的所有方法,正如您在forEach中发现的那样.
但是,您可以通过从Array原型访问方法来手动调用对象上的方法.
var elements = document.getElementsByClassName('hide');
Array.prototype.forEach.call(elements,function(element){
element.style.visibility = "hidden";
});
