Получить значение css из Bootstrap css с JavaScript/jQuery?

Question

Я хочу получить размер шрифта заголовков h1,h2,h3,h4,h5,h6, которые соответственно 36px, 30px, 24px, 18px, 14px, 12px соответственно [in bootstrap.css] и предупредить их в консоли. Метод jQuery, который я видел, это $('element').css('property'), но это не работает для внешнего css [i.e 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);