Question

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

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

更多信息：我在CSS中定义颜色集。我用RaphaelJS创建了一个函数来在页面上绘制渐变背景。我希望这个函数使用高亮颜色（在DOM的其他地方没有使用），它将在CSS中与其他颜色元素一起定义。

由于

Answer 1

使用jQuery创建一个mock元素，为其分配类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;
}

该代码段将获得为CSS中的color类定义的highlightColour属性。只要确保没有覆盖属性。测试并使用Firefox 3.6。

在变量/参数中定义变量并在javascript中使用？

1 个答案: