用像素獲取css值

Question

如何獲取將被轉換爲像素數量的元素寬度或高度值？所有我通過使用.css('width')得到的表達式，甚至不是百分比數字，如calc(-25px + 50%)。

編輯

我的代碼在這裏。 （Chrome）

var bars_width = element.css('width'); 
$('.histgram-content').css('width', bars_width); 
bars_width = parseInt(bars_width.replace('px', '')) * 0.85; 
$('.histgram-bar').css('width', (bars_width/data.length).toFixed(0).toString() + 'px'); 
/*** average Y ***/ 
var graph_height = $('.histgram-graph').css('height'); 
graph_height = parseInt(graph_height.replace('px', '')); 

var average_height = $('.average-line').css('top'); 
average_height = graph_height - parseInt(average_height.replace('px', '')); 

average_height返回我說的表達式。最後一行得到'NaN'的結果。

Answer 1

你可以使用任何的jQuery的尺寸相關的方法：

• width()
• height()
• outerWidth()
• outerHeight()

Working example

Answer 2

可以高度

$('#element-id').height(); 

可以寬

$('#element-id').width(); 

Answer 3

使用window.getComputedStyle（），例如： window.getComputedStyle（$（ '格'）） '寬度']