未捕获的类型错误：无法在 script.js:3:19 设置未定义的属性（设置“高度”）[重复]
2022-12-20
865
我一直在尝试使用 javascript 更改 img 标签类的 css 高度和宽度属性。但它没有显示任何效果，而是发送了标题中提到的错误。我在关闭 body 标签之前包含了脚本 src 文件，并且还通过类名为“card-img-top”的 img 元素包含了脚本 src 文件。我也在这里附加了代码。
`
let cards = document.getElementsByClassName('card-img-top');
cards.style.height='20px';
cards.style.width='20px';
`
我还尝试过移动脚本标签的位置以防看到任何变化，但它没有变化。 另外要说的是，我正在使用 bootstrap 卡，我正在尝试更改这些卡中图像的高度和宽度。
谢谢。
2个回答
cards 是一个数组。您无法设置整个数组的属性。您必须单独设置属性。因此，您可以简单地遍历整个数组。
for(card of cards){
cards.style.height='20px';
cards.style.width='20px';
}
希望对您有所帮助。
Suhail Akhtar
2022-12-20
您可以使用 JQUERY 来实现这一点。它在操作 DOM 时非常有用。使用下面给出的代码：
<script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
<script> $('.cards').css({"width":"20px","height":"20px"}); </script>
psgurav
2022-12-20