Get css value with pixels

Question

Wie kann ich Elementbreite oder -höhe erhalten, die als Pixelzahl übersetzt werden? Alles, was ich mit .css('width') bekommen habe, sind die Ausdrücke, nicht einmal eine Prozentzahl, wie calc(-25px + 50%).

bearbeiten

hier meinen Code. (Chrom)

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', '')); 

Die average_height gibt der Ausdruck sagte ich. Die letzte Zeile hat das Ergebnis von 'NaN'.

Answer 1

Sie alle jQuery Dimension verwandte Methoden verwenden:

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

Working example

Answer 2

Sie können Höhe

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

können Sie Breite

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

Answer 3

Verwenden window.getComputedStyle() Beispiel: window.getComputedStyle ($ ('div')) [ 'width']