1

CSSで変数/パラメータを定義し、javascriptでアクセスしたいです。これを行う最善の方法は何ですか？

私が考えた 1 つのオプションは、body要素に cutsom 属性を配置し、jQuery を介してその属性にアクセスすることです。

もう少し情報: CSS でカラー セットを定義しています。RaphaelJS を使用して、ページにグラデーションの背景を描画する関数を作成しました。この関数でハイライト色(DOM の他の場所では使用されていない) を使用する必要があります。この色は、他の色要素と共に CSS で定義されます。

ありがとう

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

そのスニペットは、CSS でクラスにcolor定義されている属性を取得します。highlightColour属性を上書きするものがないことを確認してください。テスト済みで、Firefox 3.6 で動作しています。

于 2010-03-22T11:42:03.390 に答える