jQuery的css()的底層實(shí)現(xiàn)就用到了getComputedStyle這個(gè)方法,也許我們用到的很少,但是不得不說(shuō)這時(shí)一個(gè)非常強(qiáng)大的函數(shù),下面讓我們一探究竟!
第一部分:基本語(yǔ)法
在mdn上,我們可以看到它是這樣定義的:
The
Window.getComputedStyle()
method gives the values of all the CSS properties of an element after applying the active stylesheets and resolving any basic computation those values may contain.
即這個(gè)方法會(huì)返回一個(gè)元素的所有屬性,無(wú)論是我們預(yù)先定義的,還是繼承的或默認(rèn)的。
基本語(yǔ)法如下所示:
var style = window.getComputedStyle(element[, pseudoElt]);