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

我想在JavaScript中更改背景图片的大小，但无法解决。 Console.log说“无法设置未定义的属性'backgroundSize'”。我的代码是

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

My project in codepen
请任何人解释一下这是什么把戏吗？

最佳答案

更改为

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";
}