JS实现满足条件则出现滚动条

目的

目的：若满足条件（这里是有多于5个子div），则出现滚动条，否则不出现

实现

HTML文件：

    <div class="div1">
        <div class="div2"></div>
         有若干个div2
        <div class="div2"></div>
    </div>

设置CSS：

        .div1{
            overflow-x:hidden;
            margin:0 auto;
            width: 300px;
            border:5px solid black
        }

        .div2{
            width: 280px;
            height: 198px;
            border:1px solid red
        }

判断是否满足条件并实现滚动条：

        let divs = document.getElementsByClassName("div2")
        if(divs.length>5){
            document.getElementsByClassName("div1")[0].style.height = 1000+'px'
        }
}

结果：
有3个div2：

有6个div2：