使用Javascript，如何检查一组div中哪个css剩余值最大？

Question

我想知道这三个元素中哪一个具有最大的左值。 这就是我所拥有的，这是正确的吗？

    var leftOne = document.getElementById('one').css.left;
    var leftTwo = document.getElementById('two').css.left;
    var leftThree = document.getElementById('three').css.left;
    var max123 = Math.max(leftThree, leftTwo, leftOne);

Answer 1

这不应该是style而不是css吗？

document.getElementById('ID_HERE').style.left

Answer 2

使用jQuery如果可以使用某个选择器选择所有div（为此使用类maxleft ）

var maxleft = 0;
$('.maxleft').css("left", function(idx, left) {
    maxleft = Math.max(maxleft, left); 
});

Answer 3

梦想家约瑟夫是对的，它的style.left 。 style.left 。 但是您还需要将这些数字转换为Max函数的整数。 这是我的代码，工作正常：

使用Javascript：

function test() {
    var leftOne = document.getElementById('one').style.left;
    var leftTwo = document.getElementById('two').style.left;
    var leftThree = document.getElementById('three').style.left;
    var max123 = Math.max(parseInt(leftThree), parseInt(leftTwo), parseInt(leftOne));
    alert(max123);
    return false;
}

HTML：

<div id="one" style="left:30px">aaaaa</div>
<div id="two" style="left:22px">bbbbb</div>
<div id="three" style="left:34px">ccccc</div>
<a href="#" onclick="test()">test</a>

结果：34