Come ottenere margine dimensioni sinistra utilizzando JavaScript quando uso di proprietà di auto margine in css

Question

ho div con margin:auto; e ho bisogno di ottenere solo margin-left valore della dimensione utilizzando JavaScript :)

//css 
.test{ 
     margin: auto; 
     width: 100px; 
     height: 100px; 
     outline: 1px solid red; 
    } 


// html 
     <div class="test">Test</div> 

Live example

Answer 1

Utilizzare questa:

1) Con jQuery

var left = $(".test").offset().left; 

2) Oppure, seconda versione è che: Sostituisci il tuo div a <div class="test" id="test"></div>, e utilizzare questo js.

var left = document.getElementById("test").offsetLeft; 

Answer 2

È don' t necessario jQuery per questo, è sufficiente JavaScript:

var left, element = document.querySelector('.test'); 
if(element) { 
    left = element.getBoundingClientRect().left; 
} 

Answer 3

È possibile utilizzareMetodose non è necessario il supporto IE8.

var test = document.querySelector('.test'); 
var left_margin = window.getComputedStyle(test).getPropertyValue("margin-left"); // returns margin e.g. '655px' 
left_margin = left_margin.match(/\d+/); //returns bare number e.g. '655'