在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;