JavaScriptを使用してhtmlの代わりにCSS要素を取得する

Question

.htmlファイル内のcss要素を取得するためにdocument.querySelectorがどのように動作するのか理解していますが、どのようにして.cssファイルから取得しますか？

私の.cssファイルの例：

canvas { 
background-color: DarkBlue; 
} 

そして、私は私の.jsファイルを持っている（私はHTMLのために働くだろう知っているので、私はCSSのための同等のものを疑問に思って、私はしたくありませんHTMLファイル内のスタイルに、私は）私の別々のCSSファイルを維持したい：あなたはできるものの

var canvas = document.querySelector('canvas'); 

Answer 1

あなたは、CSSファイルを解析したいとは思わないでしょう。 javascript（つまりcanvas）で要素を取得し、その要素のスタイルをJSで取得する方がはるかに優れています。

は、これは以前ここに非常によく答え、それが少し楽にするために良い機能を提供していました： JavaScript get Styles

function getStyle(oElm, strCssRule){ 
    var strValue = ""; 
    if(document.defaultView && document.defaultView.getComputedStyle){ 
     strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule); 
    } 
    else if(oElm.currentStyle){ 
     strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){ 
      return p1.toUpperCase(); 
     }); 
     strValue = oElm.currentStyle[strCssRule]; 
    } 
    return strValue; 
} 

var elementFontSize = getStyle(document.getElementById("container"), "font-size"); 

幸運を。