我想在div中移动图像，以便包含div的图像准确显示其大小

Question

function mov_left() {
    if (parseInt(document.getElementById('fold').style.left, 10) == 430) {
        clearInterval(animel);
    }
    document.getElementById('fold').style.left = (parseInt(document.getElementById('fold').style.left, 10) - 10) + 'px';
}

animel = setInterval('mov_left()', 100);

这是我试图用来移动包含2张图像的<div>的代码，以便它们可以一次显示两个图像。 但是，图像只是一直向左移动而忽略了函数中的if语句。

请帮助。

Answer 1

好吧，我一直在摆弄它，虽然变化不大，但是我知道这可行：

function mov_left() {
    var el = document.getElementById('fold');
    if (parseInt(el.style.left, 10) == 430) {
        clearInterval(animel);
    }
    el.style.left = (parseInt(el.style.left, 10) - 10) + 'px';
}
animel = setInterval(function () {mov_left(); }, 100);

JSfiddle： http : //jsfiddle.net/m7q3H/42/

Answer 2

如果未设置element的左css属性，则element.style.left将返回一个空字符串，而parseInt将返回NAN。