javascript - 无法设置未定义的属性 'backgroundSize'

Question

我想在 JavaScript 中更改背景图像的大小，但它不起作用。 Console.log 显示“无法设置未定义的属性‘backgroundSize’”。我的代码是

document.getElementsByClassName("col-md-8").style.backgroundSize = "100px";

My project in codepen

请谁能解释一下这里有什么技巧吗？

Answer 1

更改为

document.getElementsByClassName("col-md-8")[0].style.backgroundSize = "100px";

document.getElementsByClassName 返回一个类似数组的对象，而不仅仅是一个对象。如果你想改变该类所有元素的backgroundSize，你可以使用

var elems = document.getElementsByClassName("col-md-8");
for (var i = 0; i < elems.length; i++) {
    elems[i].style.backgroundSize = "100px";
}