c# - 使用 JavaScript/jQuery 访问 CSS 属性

Question

我如何遍历/访问引用的 CSS 文件本身的属性？

听我说，这可能听起来很奇怪:我目前正在将 Google Maps API 包装到一些 C# 代码中(它输出 JavaScript)； Google Maps API，对于诸如 Polygon 类之类的东西，似乎可以让您通过传入适当的值来指定某些东西，例如“stroke-color”，但是我找不到为 Polygon 设置类名的方法，也没有立即发现一个对于多边形。所以，由于我们的 HTML/CSS 人员想要皮肤，我想我会使用 jQuery (.CSS()) 或其他东西来解析 CSS 文件，从内部获取定义的属性，并在 JavaScript 代码中设置值。

通常我会设置颜色(例如以编程方式，像这样:

html.AppendLine("fillColor: '" + string.Format("#{0:X2}{1:X2}{2:X2}", fillcolor.R, fillcolor.G, fillcolor.B) + "',");

但我想把它改成这样:

html.AppendLine("fillColor: $(\"Poly\").css(\"fill-color\"),");

然后从引用的 CSS 文件中的类中获取属性，定义如下:

.Poly
{
    stroke-color: #FF00FF;  
    fill-color: #FF00FF;
}

jQuery 似乎想要一个已定义的元素从中获取 CSS 属性...它似乎并没有直接从 CSS 文件中获取值(我可能是错的)。不幸的是，上面的代码导致“未定义”。这可能是因为我对 JavaScript、/CSS 生疏了，也可能是因为我尝试访问事物的方式不正确。

有人知道我如何在这里完成我的目标吗？

Answer 1

访问 JavaScript 文件有点古怪。它在每个浏览器中的行为不同 - 你可以尝试这样的事情:

document.styleSheets[0].rules[0].selectorText

第一个索引遍历文档中的每个样式表，第二个索引遍历此表中的每个规则。