我想在 CSS 中定义一个变量/参数并通过 javascript 访问它。这样做的最佳方法是什么?
我想到的一个选择是在body
元素上放置一个 cutsom 属性,然后通过 jQuery 访问该属性。
更多信息:我在 CSS 中定义颜色集。我用 RaphaelJS 创建了一个函数来在页面上绘制渐变背景。我希望此函数使用将在 CSS 中与其他颜色元素一起定义的高亮颜色(在 DOM 的其他地方未使用)。
谢谢
使用 jQuery 创建一个模拟元素,为其分配类hightlightColour
,获取您可能需要的任何 CSS 定义并销毁该元素。
$(function() {
var highlightColour = getClassCSS('highlightColour', 'color');
alert(highlightColour);
});
function getClassCSS(className, attribute) {
var mock = $('<div />').addClass(className).appendTo('body');
var value = mock.css(attribute);
mock.remove();
return value;
}
该片段将获得为CSScolor
中的类定义的属性。highlightColour
只要确保没有覆盖属性。在 Firefox 3.6 上测试并运行。