javascript - 使用 GetElementsByClassName JavaScript 添加类

Question

我正在将一个 jQuery 站点转换为 vanilla javascript，并寻求有关将简单的 jQuery 行转换为 javascript 的最佳方法的建议。

jQuery$(".div_class").css({ display: 'none' });

在纯 javascript 中仅使用类的任何建议都会很有帮助。

谢谢

Answer 1

尝试使用document.getElementsByName获取所需的元素，

[].slice.bind(document.getElementsByClassName("div_class"))().forEach(function(itm){
  itm.style.display = "none";
});

并通过将类似对象的数组绑定(bind)为 slice 的 this 值并将其转换为数组并调用它。现在遍历返回的数组并设置其显示属性。

你也可以直接使用forEach来缩短它，

[].forEach.bind(document.getElementsByClassName("div_class"),function(itm){
  itm.style.display = "none";
})();