javascript - 使用 typescript 在类级别应用SCSS值

let getClasses = document.getElementsByClassName('sidebar');
    for (var i = 0; i < getClasses.length; i += 1) {
        getClasses[i].style.display = 'block';
    }

我有这段代码，但它的作用是在元素级别而不是在类级别更改div的显示属性。
因此，当我的值在媒体查询中的类级别再次更改时，由于它没有必需的优先级并且该元素的值保持不变，因此无法应用。

最佳答案

为什么不创建一个类来更改显示，例如：

.block-display{
    display: block;
 }

然后在您的JavaScript代码中，改为添加类，如下所示：

let getClasses = document.querySelector('.sidebar')
for (let i = 0; i < getClasses.length; i++){
    let class = getClasses[i]
    class.classList.add('block-display')
}

希望能有所帮助。