jQuery的css()的底層實(shí)現(xiàn)就用到了getComputedStyle這個(gè)方法,也許我們用到的很少,但是不得不說這時(shí)一個(gè)非常強(qiáng)大的函數(shù),下面讓我們一探究竟!
第一部分:基本語法
在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è)方法會返回一個(gè)元素的所有屬性,無論是我們預(yù)先定義的,還是繼承的或默認(rèn)的。
基本語法如下所示:
var style = window.getComputedStyle(element[, pseudoElt]);
它接受兩個(gè)參數(shù),第一個(gè)是一個(gè)元素,這時(shí)必選的;第一個(gè)是偽元素(pseudo element),它是可選的