代码之家  ›  专栏  ›  技术社区  ›  Brienne Schroth

如何使用javascript访问css规则集的各个样式?

  •  2
  • Brienne Schroth  · 技术社区  · 15 年前

    如果使用类选择器定义了样式:

    .example {
    width: 50px;
    }
    

    在javascript中,我希望获得该规则集的width属性的值,而不使用对使用该规则集的具体元素的引用。我想要一个能给我输出“50”或“50px”的东西,输入“example”和“width”。

    3 回复  |  直到 15 年前
        1
  •  1
  •   Ryan Lynch    15 年前

    使用时请参阅此条目 document.styleSheets 访问css规则 Quirksmode .

    编辑: 我确实同意这里的其他观点,但是如果这是一个重要的需求,那么如果您利用其中一个提到的库,您将有一个更轻松的时间。

        2
  •  0
  •   Nosredna    15 年前

    如果不创建使用该类的元素,我想不出一种方法来实现它。我用这个类创建一个不可见的div并查询这个div。

        3
  •  0
  •   Quentin    15 年前

    这是我推荐使用图书馆的时候之一。

    访问附加到文档的样式表有两种不同的方法,不同的浏览器支持不同的方法。

    这个 YUI 2 StyleSheet Utility 将为您消除差异,尽管您必须搜索规则,以找到您正在寻找的一个。