封装的js调用不了css属性是因为什么原因？

window.addEventListener('load', function() {
    //获取元素
    var arrow_l = document.querySelector('.arrow_l');
    var arrow_r = document.querySelector('.arrow_r');
    var focus = document.querySelector('.focus');
    focus.addEventListener('mouseenter', function() {

        arrow_l.style.display = 'block';
        arrow_r.style.display = 'block';
    })
    focus.addEventListener('mouseleave', function() {
        arrow_l.style.display = 'none';
        arrow_r.style.display = 'none';
    })
})

封装的js调用不了css属性是因为什么原因

.arrow_l {
    display:none;
    position: absolute;
    top: 205px;
    left: 0;
    width: 25px;
    height: 42px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 28px;
}

你调用的是load的方法，时机不对；应该要加载完成以后再设置样式。

把js代码放在页面的底部再试试。

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632