当我在css中使用margin auto属性时,如何使用javascript获取边距左边的大小

Question

我有div,margin:auto;我需要margin-left使用javascript 只获取大小值:)

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


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

实例

Answer 1

如果不需要 IE8 支持，可以使用window.getCompulatedStyle()方法。

 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'

Answer 2

用这个:

1)使用jQuery

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

2)或者,第二个版本是:将你的div替换为<div class="test" id="test"></div>,并使用这个js.

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