使用JavascriptjQuery从外部样式表获取CSS值

使用Javascript / jQuery从外部样式表获取CSS值

使用jQuery：

// Scoping function just to avoid creating a global(function() {    var $p = $("<p></p>").hide().appendTo("body");    console.log($p.css("color"));    $p.remove();})();p {color: blue}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

直接使用DOM：

// Scoping function just to avoid creating a global(function() {    var p = document.createElement('p');    document.body.appendChild(p);    console.log(getComputedStyle(p).color);    document.body.removeChild(p);})();p {color: blue}

注意：
在这两种情况下，如果要加载外部样式表，都将等待它们加载，以查看它们对元素的影响。jQuery的事件

ready

和DOM的

DOMContentLoaded

事件都没有做到这一点，您必须通过监视它们的加载来确保它。