如何修改div的opacity？JavaScript新手代码问题求助

嘿，我懂你作为JavaScript新手的困惑啦！你现在的代码问题出在getElementsByClassName()这个方法上——它返回的是一个HTMLCollection（简单说就是符合类名的所有元素组成的集合），而不是单个DOM元素，所以直接给这个集合加.style.opacity是不会生效的，我们得逐个处理集合里的每个元素才行。

修正后的代码方案 #

这里给你两种可行的修改方式：

方式1：用for循环遍历集合

function close_images(){
  // 获取所有class为modificar_imagen的元素集合
  const imageDivs = document.getElementsByClassName("modificar_imagen");
  // 遍历每个元素，设置透明度
  for (let i = 0; i < imageDivs.length; i++) {
    imageDivs[i].style.opacity = "0";
  }
}

方式2：转换为数组后用forEach遍历（更简洁）

function close_images(){
  // 把HTMLCollection转换成数组，再用forEach遍历
  Array.from(document.getElementsByClassName("modificar_imagen")).forEach(div => {
    div.style.opacity = "0";
  });
}

额外小提示 #

如果你的页面里只有一个class为modificar_imagen的div，那其实可以用document.querySelector()直接获取单个元素，这样代码会更简单：

function close_images(){
  document.querySelector(".modificar_imagen").style.opacity = "0";
}

这样修改后，点击关闭按钮就能正常把目标div的透明度设为0啦～

内容的提问来源于stack exchange，提问作者jmrCalvo