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

在css中使用margin auto属性时,如何使用javascript获取左边距大小,javascript,jquery,Javascript,Jquery,我有div和margin:auto并且我只需要使用javascript获取左边距大小值:) //css .测试{ 保证金:自动; 宽度:100px; 高度:100px; 轮廓:1px纯红; } //html 试验 你不需要jQuery,简单的JavaScript就足够了: var left, element = document.querySelector('.test'); if(element) { left = element.getBoundingClientRect().left

我有
div
margin:auto并且我只需要使用javascript获取
左边距
大小值
:)

//css
.测试{
保证金:自动;
宽度:100px;
高度:100px;
轮廓:1px纯红;
}
//html
试验

你不需要jQuery,简单的JavaScript就足够了:

var left, element = document.querySelector('.test');
if(element) {
  left = element.getBoundingClientRect().left;  
}
如果不需要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'
使用以下命令:

1) 使用jQuery

var left = $(".test").offset().left;
2) 或者,第二个版本是: 将div替换为
,然后使用此js

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

尝试发出警报(document.getElementById(“test”).offsetLeft)用jquery替换为
$(“.test”).offset().left回答我,我提交你的答案:)非常感谢你不客气,我回答。好的luckIt不返回边距,它返回元素的大小及其相对于视口的位置。
var left = document.getElementById("test").offsetLeft;