javascript - JS : Cannot set property of undefined

Question

我有以下 JS 代码:

<script type="text/javascript">
var a = document.getElementsByClassName("sub_category_image");
for( i=0; i < a.length ; i++){
  var b = a[i];
  b.style.width = "100px";
  b.style.height = "100px";
}
</script>

<script type="text/javascript">
var x = document.getElementsByClassName("sub_category_image").alt;
var y = document.getElementsByClassName("sub_category_image");

if (x = "Cool Beans") {
  y.style.width = "200px";
  y.style.height = "200px";
}
</script>

第一个脚本更改了所有有效图像的图像大小，但它使其他一些图像看起来“丑陋”。

第二个脚本是我得到 Cannot: set property 'width' of undefined. 错误的地方。我告诉 JS 寻找第一个包含“Cool Beans”的 alt 标签，如果找到则更改样式宽度和高度。怎么了？我相信它与我的 var y 声明有关，但我不知道如何修复它。

Answer 1

document.getElementsByClassName() 函数返回一个数组(您可以通过复数名称来判断:getElementsBySomething)。

因此，您必须设置 x 和 y 的索引才能对数组的一个元素进行操作:

<script type="text/javascript">

var x = document.getElementsByClassName("sub_category_image");    

for (var i=0; i<x.length; i++) {
  if (x[i].alt === "Cool Beans") {
     x[i].style.width = "200px";
     x[i].style.height = "200px";
  }
}

</script>