使用打字稿在課堂級別應用scss值

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

我有這段代碼，但它所做的是它在元素級別而不是在類級別更改div的顯示屬性。因此，當我的值在媒體查詢中的類級別上再次發生變化時，它不會得到應用，因爲它沒有所需的優先級，並且元素的值保持不變。使用打字稿在課堂級別應用scss值

來源

2017-05-10 jitendra rautela

你知道SCSS和CSS的區別嗎？哪些可以用於JS？ – evolutionxbox

我知道兩者之間的差異，但我不知道哪一個可以與JS一起使用。也我想用它打字稿不是JavaScript –

SCSS是CSS什麼Typescript是JavaScript。 SCSS和Typescript都只是很好的語言，它們仍然被「編譯」到後面的對應語言中。 JS與CSS交互。 Typescript _is_ Javascript，添加了花哨的東西。 – evolutionxbox

爲什麼不創建改變等的顯示器類：

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

希望有所幫助。

來源

2017-05-10 10:58:49 HackAfro

絕對是一個更好的方法 - 但是在讀取'class.classList.add（block-display）'的行上缺少引號應該是'class.classList.add（'block-display'）' – Brian

感謝您發現該問題。作出更改 – HackAfro

感謝buddy..the作品完成 –

使用打字稿在課堂級別應用scss值

回答

相關問題