Javascript 通过更改CSS移动对象

我想通过更改JavaScript中的CSS值来移动对象

我希望它在点击按钮时向左移动10像素

HTML:

JavaScript:

function goLeft(){
            var gamer = document.getElementById("gamer");
            gamer.style.left = (parseInt(gamer.style.left) - 10) + "px";

        }

---

如下所示更改您的javascript

<script>
    function goLeft() {
        var gamer = document.getElementById("gamer");            
        gamer.style.left = (parseInt(gamer.offsetLeft, 10) - 10) + "px";

    }
</script>

函数goLeft（）{
var gamer=document.getElementById（“gamer”）；
gamer.style.left=（parseInt（gamer.offsetLeft，10）-10）+“px”；
}

---

offsetLeft将为您提供当前的左位置。

您希望使用的是：

这将为您提供元素的当前样式

---

然而，如果使用

element.style

，您只会得到文档中概述的元素的内联样式（而不是继承的或外部样式表样式）。

问题是？它不起作用…@colincline它以什么方式不起作用？函数没有被调用吗？计算是否未创建有效的左值？是否找不到该元素？你不是很清楚。@KevinB我怀疑计算没有创建一个有效的左值。下面是怎么回事<代码>PAR

function goLeft(){
            var gamer = document.getElementById("gamer");
            gamer.style.left = (parseInt(gamer.style.left) - 10) + "px";

        }

<script>
    function goLeft() {
        var gamer = document.getElementById("gamer");            
        gamer.style.left = (parseInt(gamer.offsetLeft, 10) - 10) + "px";

    }
</script>

function goLeft() {
   var gamer = document.getElementById("gamer");
   var computedStyle = window.getComputedStyle(gamer);
   gamer.style.left = (parseInt(computedStyle.left, 10) - 10) + "px";
}