在CSS中,我們可以使用width
和height
屬性來獲取當(dāng)前div的大小,這兩個屬性分別表示div的寬度和高度。
假設(shè)我們有一個div元素,其id為mydiv
,我們可以使用以下CSS代碼來獲取其大?。?/p>
#mydiv { width: var(--div-width); height: var(--div-height); }
在上面的代碼中,var(--div-width)
和var(--div-height)
是CSS變量,它們可以在JavaScript中通過getComputedStyle
方法獲取到div元素的寬度和高度。
以下是一個簡單的JavaScript示例,展示如何獲取div元素的大?。?/p>
// 獲取div元素的引用 var mydiv = document.getElementById('mydiv'); // 計算div元素的大小 var divSize = getComputedStyle(mydiv); // 打印div元素的寬度和高度 console.log('div的寬度:', divSize.width); console.log('div的高度:', divSize.height);
在上面的JavaScript代碼中,我們首先獲取了div元素的引用,然后通過getComputedStyle
方法計算了div元素的大小,并打印了div元素的寬度和高度。
需要注意的是,width
和height
屬性返回的值可能包含px
后綴,我們可以使用JavaScript的字符串操作來去除這個后綴,或者在使用這些值時忽略它。