Определить переменную в переменной / параметре и использовать в JavaScript? - PullRequest
1 голос
/ 22 марта 2010

Я хочу определить переменную / параметр в CSS и получить к нему доступ через javascript. Каков наилучший способ сделать это?

Один из вариантов, о котором я подумал, - поместить атрибут cutsom в элемент body, а затем получить доступ к этому атрибуту через jQuery.

Немного больше информации: я определяю наборы цветов в CSS. Я создал функцию с RaphaelJS для рисования градиентного фона на странице. Я хочу, чтобы эта функция использовала цвет подсветки (который не используется в других местах в DOM), который будет определен в CSS вместе с другими элементами цвета.

Спасибо

1 Ответ

2 голосов
/ 22 марта 2010

Создайте макет элемента с помощью 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;
}

Этот фрагмент получит атрибут color, определенный для класса highlightColour в CSS. Просто убедитесь, что ничего не перезаписывает атрибуты. Протестировано и работает на Firefox 3.6.

...