无法设置属性＆＃39; backgroundSize＆＃39;未定义的

Question

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

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