深入理解元素視圖的3個方法

　前面介紹了offset偏移、client可視區(qū)和scroll滾動，這三部分主要從屬性的角度來對元素尺寸信息進行獲取和修改。本文主要介紹元素視圖的三個方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint()

getBoundingClientRect()

　　判斷一個元素的尺寸和位置是簡單的方法就是使用getBoundingClientRect()

　　Element.getBoundingClientRect()方法返回一個對象，該對象提供當前元素節(jié)點的大小、它相對于視口(viewport)的位置等信息。但是，各個瀏覽器返回的對象包含的屬性不相同

firefox: top left right bottom width height x y(其中，x=left，y=top)
chrome/safari/IE9+:top left right bottom width height
IE8-:  top left right bottom

　　問題來了，該方法返回的width和height是可視寬高client，還是滾動寬高scroll，或者是偏移寬高offset，或者是設(shè)置寬高呢

<div id=&
        
		

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習是年輕人改變自己的最好方式