CSSクラスによって設定されたDIVのプロパティ値を読み取る方法は？

Question

私はクラスでDIVています、私はHTMLで

.myClass { 
    width : 40px; 
    height: 40px; 
    display:block; 
} 

を宣言している：

<div class = "myClass"> Hello</div> 

は、どのように私はJavaScriptでこのdiv要素のプロパティ "表示" の値を読み取ることができますか？

私が試した：

a = document.getElementsByClassName("myClass") 
console.log(a[0].style.display) 

をしかし、私はコンソールには何も見てないです。

Answer 1

あなたはすべてのスタイルシートを適用した後、 "計算された" スタイル（結果のスタイルを計算する必要があります。 がこれはgetComputedStyle()を呼び出すことによって行われます。

var element = document.getElementsByClassName("myClass")[0]; 
 
var style = window.getComputedStyle(element).getPropertyValue('display'); 
 
console.log(style);

.myClass { 
 
    width : 40px; 
 
    height: 40px; 
 
    display:block; 
 
}

<div class="myClass"> Hello</div>

Answer 2

document.getElementByClass("youclass")[i].style.property = style 

注getElementByClass()がすることそのクラスの要素を持つ配列を返して、変更したい要素のインデックスを与える必要があります。

Answer 3

jQueryのオプション：

$(".myClass").css("display") 

console.log($(".myClass").css("display"));

.myClass { 
 
    width : 40px; 
 
    height: 40px; 
 
    display:block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class = "myClass"> Hello</div>