我认为通过使用 $(document).ready(function(){})就在</body>之前该页面将已加载，但是当我尝试通过 javascript 设置背景图像时，我得到:
Uncaught TypeError: Cannot set property 'backgroundImage' of undefined.
代码是:
<body>
<div class="bottom_header"></div>
<script>
$(document).ready(function(){
doSlideshow();
function doSlideshow()
{
var x = document.getElementsByClassName("bottom_header");
x.style.backgroundImage = "url('s1.jpg')";
}
})
</script>
</body>
我也尝试了以下但结果相同 typeError .我不明白我做错了什么。
<body>
<div class="bottom_header"></div>
<script>
window.onload = function() {
alert("it's in");
var x = document.getElementsByClassName("bottom_header");
x.style.backgroundImage = "url('s1.jpg')";
}
</script>
</body>
最佳答案
document.getElementsByClassName 返回一个或多个元素，因此您需要获取第一个这样的元素(或迭代它们)。
关于javascript - 未捕获的类型错误 : Cannot set property 'backgroundImage' of undefined althout js is called after page loads，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47191724/