首頁 > 網際網路

jquery獲取html元素寬高有哪些方法

2019-12-12 15:58:26
html元素寬高分為帶內邊距、邊框或外邊距的寬高和不帶內邊距、邊框或外邊距的寬高,在jquery中獲取寬高的方法也不同。下面介紹jquery獲取html元素寬高都有哪些方法。

1

新建一個html檔案,命名為test.html,用於介紹jquery獲取html元素寬高方法。


2

width()方法,主要用於獲得html元素的寬度,此寬度不包括內邊距、邊框或外邊距的寬度。例如,下面程式碼輸出的寬度是300px。


3

height()方法,主要用於獲得html元素的高度,此高度不包括內邊距、邊框或外邊距的高度。例如,下面程式碼輸出的高度是100px。


4

innerWidth()方法,主要用於獲得html元素的寬度,此寬度包括內邊距的寬度。例如,下面程式碼輸出的寬度是320px。


5

innerHeight()方法,主要用於獲得html元素的高度,此高度包括內邊距的高度。例如,下面程式碼輸出的高度是120px。


6

outerWidth()方法,主要用於獲得html元素的寬度,此寬度包括內邊距和邊框的寬度。例如,下面程式碼輸出的寬度是322px。


7

outerHeight()方法,主要用於獲得html元素的高度,此高度包括內邊距和邊框的高度。例如,下面程式碼輸出的高度是122px。



IT145.com E-mail:sddin#qq.com