获取带像素的css值

Question

如何获取元素宽度或高度值，将其转换为像素数？我使用.css('width')获得的只是表达式，甚至不是百分比数字，例如calc(-25px + 50%)。

修改

我的代码在这里。 （镀铬）

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＆＃39;

的结果

Answer 1

您可以使用任何与jQuery相关的维度方法：

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

Working example

Answer 2

你可以高度

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

你可以加宽

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

Answer 3

使用window.getComputedStyle（），例如： window.getComputedStyle（$（ 'DIV'））[ '宽度']