1

我想在 CSS 中定义一个变量/参数并通过 javascript 访问它。这样做的最佳方法是什么?

我想到的一个选择是在body元素上放置一个 cutsom 属性,然后通过 jQuery 访问该属性。

更多信息:我在 CSS 中定义颜色集。我用 RaphaelJS 创建了一个函数来在页面上绘制渐变背景。我希望此函数使用将在 CSS 中与其他颜色元素一起定义的高亮颜色(在 DOM 的其他地方未使用)。

谢谢

4

1 回答 1

2

使用 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 上测试并运行。

于 2010-03-22T11:42:03.390 回答