javascript - 使用 JavaScript/jQuery 从 Bootstrap css 获取 css 值？

Question

我想获取分别[在 bootstrap.css] 中的标题的字体大小h1,h2,h3,h4,h5,h6并36px, 30px, 24px, 18px, 14px, 12px在控制台中提醒它们。我见过的 jQuery 方法是$('element').css('property')，但这不适用于外部 css [即 bootstrap.css]。我是否必须包含更多代码行。

Answer 1

$.each(['h1','h2','h3','h4','h5','h6'], function(idx, val){
    console.log($(val).css('font-size') )
});

Answer 2

var stylesheet = document.styleSheets[(document.styleSheets.length - 1)];

for( var i in document.styleSheets ){
     var temp = = document.styleSheets[i];
     if( temp.href && temp.href.indexOf("bootstrap.css") ) {
        stylesheet = temp;
        break;
     }
}
var ruleList = stylesheet.cssRules, allRules = [];
for (var rule = 0; rule < ruleList.length; rule ++){
   allRules.push( [rule, ruleList[rule].selectorText] );
}
console.log(addRules);