我有以下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
但我没有解决它的线索。
该函数document.getElementsByClassName()
返回一个数组(您可以使用复数名称:getElement s By Something)。
因此,必须设置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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句