试图理解jQuery .css如何在原生javascript中运行?

时间:2012-09-21 07:02:05

标签: jquery jquery-selectors javascript

外部CSS文件......

#externalClass { font-family: arial; }

HTML文件......

<a href="#" id="externalClass">Link</a>

JavaScript文件......

console.log(jQuery("#externalClass").css("font-family"));

我得到了“arial”,但是无法理解它在原生javascript中是如何工作的(即使在IE6 / 7/8/9中)?

请有人解释一下。

2 个答案:

答案 0 :(得分:2)

它使用getComputedStyle()(必要的回退,例如currentStyle())来计算font-family值。

Source

当你想知道图书馆如何取得成功时,最好的方法是查看来源,如果你不理解它,那么谷歌会更多或者在这里问:)

答案 1 :(得分:0)

DOM元素存在style属性,您可以在其中获取或设置所需的CSS样式。在您的情况下 - document.getElementById("externalClass").style.fontFamily