Defina a variável na variável/parâmetro e use em javascript?

Question

Quero definir uma variável/parâmetro no CSS e acessá -la por JavaScript. Qual a melhor maneira para fazer isto?

Uma opção em que pensei seria colocar um atributo de cutsom no body Elemento, depois acesse esse atributo via jQuery.

Um pouco mais de informação: estou definindo conjuntos de cores no CSS. Eu criei uma função com Raphaeljs para desenhar um fundo gradiente na página. Eu quero que essa função use um Destaque a cor (que não é usado em outras partes do DOM) que serão definidos no CSS junto com os outros elementos de cores.

Obrigado

Answer 1

Crie um elemento simulado usando jQuery, atribua a classe hightlightColour Para ele, obtenha qualquer definição de CSS que você precise e destrua o elemento.

$(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;
}

Aquele trecho receberia o color atributo que é definido para o highlightColour classe no CSS. Apenas certifique -se de que não há nada que substitua os atributos. Testado e trabalhando no Firefox 3.6.