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

【问题标题】：Define variable in variable/parameter and use in javascript?在变量/参数中定义变量并在javascript中使用？
【发布时间】：2010-03-22 11:34:34
【问题描述】：

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

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

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

谢谢

【问题讨论】：

标签： jquery css raphael

【解决方案1】：

使用 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;
}

该 sn-p 将获得为 CSS 中的 highlightColour 类定义的 color 属性。只要确保没有覆盖属性。在 Firefox 3.6 上测试并运行。

【讨论】：

这不起作用，因为mock 只会在附加到 DOM 时使用属性。（经过测试的 Safari）。
@Ross，你是对的，你需要先将元素附加到 DOM。我已经更新了我的答案。