javascript - 使用 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

梦想家约瑟夫是对的，它是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

Answer 3

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

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