javascript - 给一个 css block 一个特殊的 id 来识别

Question

有什么方法可以使我的 css block 具有某种 id。我想让我的 javascript 的 if else 语句能够看到我的哪个 css3 媒体查询当前被激活。所以与其做类似的事情: if(document.getElementById("div1").style.fontSize == '1px') 我想给我的 css block 一些不必要的值与文本无关，但将使我的 javascript 能够识别它来自哪个代码块。

Answer 1

真的不清楚您真正要找的是什么。也许您想在自定义数据属性中保存您想要的信息？

您的特殊 ID 或您不必要的值可以是任何东西。现在你可以用 JS 选择几乎所有的东西:

// 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>