1

CSSでいくつかの色を定義し、すべての色を取得して、たとえばすべての色で新しいオブジェクトを構築するなどのチェックを行いたいと考えています。この場合、最初の2番目と3番目の色のデータを持つオブジェクトが必要ですランタイムは可能ですか？

<html>
<head>
  <style>

   p.first { color: gray; }
   p.second { color: red; }
   p.third { 
    background: purple;
    color: white;
   }

  </style>
</head>
<body>
4

2 に答える 2

1

jQueryなしでそれを行うことも非常に簡単です：

var p = document.getElementsByTagName('p');
var first = p.getElementsByClassName('first');
console.log(first.item(0).style.color); // etc
于 2012-07-16T14:20:05.647 に答える
1

jQueryを使用すると、この種の作業が簡単になります。

jQuery をロードしたら、次のように簡単に実行できます ( jQuery.cssを使用)。 

var color = jQuery("p.first").css("color");

質問で述べたようにオブジェクトを設定するには：

var colors = {firstcolor:jQuery("p.first").css("color"), secondcolor:jQuery("p.second").css("color")};

注: これは RGB 値を返します。16 進数に変換するには、この Stackoverflow Answerを参照してください。

于 2012-07-16T14:07:25.043 に答える