給一個css塊一個特殊的ID以便被

識別有什麼辦法可以讓我的css塊有某種id。我想讓我的JavaScript的if else語句能夠看到我當前激活的css3媒體查詢中的哪一個。所以，而不是做這樣的事情：if(document.getElementById("div1").style.fontSize == '1px')我想給我的CSS塊某種不必要的價值，對文本沒有任何影響，但會使我的JavaScript能夠確定它來自哪個代碼塊。給一個css塊一個特殊的ID以便被

來源

2015-09-04 Johan Sundman

試試這篇文章？ http://zerosixthree.se/detecting-media-queries-with-javascript/ – jmargolisvt

真的不清楚你在找什麼。也許你想保存在一個自定義的數據屬性你想要的信息？

您的特殊ID或您不必要的價值可以是任何東西。

// select by ID 
var el = document.querySelector("#element"); 
<span id="element"></span> 

// select by className 
var el = document.querySelectorAll(".element"); 
<span class="element"></span> 

// select by custom data attribute 
var el = document.querySelectorAll("[data-my-custom-attribute]"); 
<span data-my-custom-attribute="my-custom-info"></span>

來源

2015-09-04 14:25:08

if(document.getElementById("div1").style.fontSize == '1px')

爲什麼你想做到這一點：現在你可以選擇幾乎所有與JS？你明白，即使你沒有做到這一點，它不檢查計算風格的元素，它只是檢查如果font-size: 1px一個風格明確應用於該元素...

最好你會被分配樣式使用類的元素。在這種情況下，檢查是否適用一類是那麼容易，因爲

elt.classList.has('tiny-font')

如果你想看看一個元素，你知道已定義的CSS規則匹配符合特定選擇，你可以使用matches：

.foo .bar p { font-size: 1px; } 

if (elt.matches('.foo .bar p)) { ...

如果您想查看哪些媒體查詢將被激活，您可以使用window.matchMedia。

來源

2015-09-04 15:04:01

給一個css塊一個特殊的ID以便被

回答

相關問題