使用typescript在类级别应用scss值

Question

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

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

Answer 1

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

.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')
}

希望有所帮助。