如何使用JavaScript來獲取利潤率左尺寸，當我在CSS使用保證金自動財產

Question

我div與margin:auto;，我需要使用javascript :)

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


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

Live example

Answer 1

使用此：

1）使用jQuery

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

2）或者，第二個版本是： 替換您的div <div class="test" id="test"></div>，並使用這個js。

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

Answer 2

你不要只得到margin-left大小值不需要jQuery，普通的JavaScript就足夠了：

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

Answer 3

您可以使用如果您不需要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'