JavaScriptですべてのクラスプロパティを取得する方法

JavaScriptを使用してクラスのすべてのプロパティを取得することはどういうことですか？ JavaScriptを通じた文字列としては私が「：：;; 10pxの幅黒色」を得ることができますどのようにクラスJavaScriptですべてのクラスプロパティを取得する方法

.menu { color: black; width: 10px; }

を考えてみましょうか？

ありがとうございました！

出典

2017-04-22 Raiko L

私にとってこれは奇妙な質問のようです。クラスを使用するのではなく、手動でノードにスタイルを適用するように思えます。 CSSの単一のルールは、CSSのC言語のカスケードのため意味がほとんどありません。結果として得られるスタイルは、CSSファイル内の他のルール、セレクタの指定、ルールの順序、およびドキュメント内のこれらの特定のセレクタに一致するノードのコンテキストに依存します。 – Thomas

getComputedStyle（）を使用できます。これはfile..Thisは

参照スニペット

var el=document.getElementsByClassName("menu")[0]; 
 
style=getComputedStyle(el); 
 
console.log(style);

.menu{ 
 
color:green; 
 
background:blue; 
 
opacity:1 
 
}

<div class="menu"></div>

の下に要素の計算されたすべてのプロパティを返し、CSSで行われ、すべてのインラインスタイルまたはCSSスタイルを見つけるあなたも得ることができます上記のスニペットのクラスの固有のプロパティです（例：

）

style.width

出典

2017-04-22 22:45:56 repzero

返される色は、言葉（問題の「黒」のようなもの）やそれがたとえcssで設定されている場合でも16進数ではないことに注意してください...ブラウザによってはrgbまたはrgbaになります。 "黒"を得るためには、開発者の多くの追加作業が必要になる – charlietfl

良い点..... – repzero

同様の問題は '％'、 'em'などのようなものです – charlietfl

JavaScriptですべてのクラスプロパティを取得する方法

答えて

関連する問題