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