Question

嗨，我尝试将img的位置更改为10px，当我单击Suivant时，它会向右移动10px，但是当我单击Precedent时，它不会返回10px，似乎找不到问题！< / p>

window.addEventListener("load", function(){
    btnPrec = document.getElementById('prec');
    btnSuiv = document.getElementById('suiv');

    var oImg = document.getElementById("img1");
    oImg.style.position="relative";
    oImg.style.left="0px";
    oImg.style.top="0px";

    btnSuiv.addEventListener("click", function(){
      oImg.style.left="10px";
    })

    btnPrec.addEventListener("click", function(){
      oImg.style.right="10px";
    })

}, false)

Answer 1

您可以通过增加/减少单位来使用 left 属性：

window.addEventListener("load", function(){
  btnPrec = document.getElementById('prec');
  btnSuiv = document.getElementById('suiv');

  var oImg = document.getElementById("img1");
  oImg.style.position="relative";
  oImg.style.left="0px";
  oImg.style.top="0px";

  btnSuiv.addEventListener("click", function(){
    oImg.style.left = parseInt(oImg.style.left) + 10 + "px";
  })

  btnPrec.addEventListener("click", function(){
    oImg.style.left = parseInt(oImg.style.left) - 10 + "px";
  })

}, false)

<img src="/" id="img1">
<br>
<button type="button" id="prec">prec</button>
<button type="button" id="suiv">suiv</button>

如何通过单击按钮更改img位置

1 个答案: