Javascript 为css块指定一个特殊的id，以便重新编码

我想让javascript的if-else语句能够看到当前激活的css3媒体查询中的哪一个。因此，我不想做这样的事情：

if（document.getElementById（“div1”）.style.fontSize=='1px'）

我想给我的css块一些不必要的值，这些值对文本没有任何影响，但会使我的javascript能够识别它来自哪个代码块。

你真的不清楚你到底在寻找什么。也许您想将所需信息保存在自定义数据属性中

您的特殊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>

//按ID选择
var el=document.querySelector（“元素”）；
//按类名选择
var el=document.queryselectoral（“.element”）；
//按自定义数据属性选择
var el=document.queryselectoral（“[data my custom attribute]”）；

你为什么要这么做？您知道，即使您这样做了，它也不会检查元素上的计算样式，它只是检查

字体大小：1px

的样式是否被明确地应用于该元素

最好是使用类为元素指定样式。在这种情况下，检查是否应用了类非常容易

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

如果您想查看某个元素是否与您知道已定义CSS规则的特定选择器匹配，可以使用

matches

：

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

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

如果要查看将激活哪些媒体查询，可以使用

试试这篇文章？

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

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