javascriptでスタイルプロパティの初期値を取得するには？私のHTMLファイルに

Question

は、私は次のようなマークアップしている：

：私のように変数を作ったJavaScriptファイルで

.long_box { 
    width: 3300px; 
    height: 768px; 
    position: absolute; 
    left: 10px; 
    top: 0; 
} 

：私は、次のスタイル規則を適用したCSSファイルで

<div class="long_box"> 
    <div class="image1"> <img src="images/image1.png"> </div> 
    <div class="image2"> <img src="images/image2.png"> </div> 
    <div class="image3"> <img src="images/image3.png"> </div> 
</div> 

を

var longbox = document.getElementsByClassName("long_box")[0]; 

今私はlongbox.style.left、I gとlong_boxのleftの初期値をリコールしようとすると、空の文字列""。しかし、私がleft値をjavascriptで変更した後、例えばlongbox.style.left = 100 + 'pxのようにして、その値を呼び出すと、コンソールに100pxが表示されます。だから、

どのようにJavaScriptのスタイルプロパティの初期値を取得するには？

Answer 1

ジャバスクリプトelement.styleのみインラインスタイルを返しますが、他のスタイルのために、スタイルシートで設定され、たとえば、あなたは、「初期値」とはどういう意味ですかgetComputedStyle

var longbox = document.getElementsByClassName("long_box")[0]; 

var styles = window.getComputedStyle(longbox); 

var lef  = styles.getPropertyValue("left");