Question

我希望能够右键单击Div，然后找到它的边距值。 Div是这样创建的。

//创建空格//

var addLeft=75;
var addTop=105;
var vert = 1;
var horz = 1;
var selectedunit = "";

for (var i = 1; i<26; i++) {
    $("#background").append("<div class='areas' id = 'space" + vert + horz + "' style ='position: absolute; LEFT: " + addLeft + "px; Top:" + addTop + "px'></div>");

    if (addLeft < 600) {
        addLeft += 150;
        vert+=1;
    } else {
        horz+=1;
        addTop += 150;
        addLeft = 75;
        vert=1;
    }
}

我试图找到div的边缘。

    $('.areas').mousedown(function(e) {
    if(e.button === 2 ){
           var style = window.getComputedStyle(this);
            var futureleft = style.marginLeft;
            $('#Status').append(futureleft);
      }
     })

状态只是一个盒子，应该给我Div的左值，但它总是给出0PX。有什么建议吗？

Answer 1

由于您正在使用jQuery，为什么不使用

var futureleft = $(this).css("marginLeft");

Answer 2

您没有设置任何保证金。您正在分配left值：

"LEFT: " + addLeft + "px;

但要求marginLeft值，该值未在生成的div中定义：

var style = window.getComputedStyle(this);
var futureleft = style.marginLeft;

您可以在生成的div上设置margin-left，或者请求正确的属性：

var style = window.getComputedStyle(this);
var futureleft = style.left;

找到Div的保证金价值

2 个答案: