如何獲取div的大小?
在CSS中,我們可以使用width
和height
屬性來獲取div的寬度和高度,這兩個(gè)屬性分別表示div的左右邊界之間的水平和垂直距離。
如果我們有一個(gè)div元素,我們可以這樣獲取它的大?。?/p>
<div id="myDiv">Hello, World!</div>
#myDiv { width: 200px; height: 100px; }
在這個(gè)例子中,#myDiv
的寬度是200像素,高度是100像素,我們可以使用CSS的width()
和height()
函數(shù)來獲取這些值:
var width = document.getElementById('myDiv').style.width; var height = document.getElementById('myDiv').style.height; console.log('Width: ' + width + ', Height: ' + height);
這段代碼會(huì)輸出div的寬度和高度,注意,這些值可能包含像素單位(如200px
),并且它們是字符串類型,如果需要,可以使用JavaScript的parseInt()
函數(shù)將它們轉(zhuǎn)換為整數(shù)類型。
CSS的size()
函數(shù)也可以獲取div的大小,它返回一個(gè)包含寬度和高度的數(shù)組:
var size = document.getElementById('myDiv').style.size; console.log('Size: ' + size);
這段代碼會(huì)輸出類似[200, 100]
的結(jié)果,表示div的寬度和高度。