我想更改第一个横幅的不透明度，但这似乎不起作用

Question

我的部分代码：

 <div class="banner">
    <div class="banner-img">
        <img src="img/14.jpg">
    </div>
</div>

剧本：

var banners=document.getElementsByClassName("banner");
banners[0].style.opacity="0.5";

Chrome开发者工具引发了此错误：

Uncaught TypeError: Cannot read property 'style' of undefined

Answer 1

onload事件稍后发生，此时所有内容（例如图片）也已加载

如果您在window.onload触发器函数中插入此脚本，则可以保证DOM已加载，您可以更改不透明度。

window.onload = function () {
    var banners = document.getElementsByClassName("banner");
    banners[0].style.opacity="0.5"
}