html 控件坐标定位,利用JS改变html控件位置

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

利用JS改变html控件位置

我想写一个贪吃蛇小游戏，所以需要完成蛇的自动移动效果，这就需要改变html控件位置。本来我以为实现起来就是像之前写过的类似项目，对位置加加减减就可以实现了，但是没想到踩了很多坑，调了一下午的bug，这里做下总结。

1. 特殊计量单位px

在html里位置的都是使用“px”来计量的，所以我们在获取某一空间位置时需要用下面的代码先转化为int型数：

var x = parseInt(els[i].style.left)

然后对x进行修改之后，依然要在赋值时加上“px”，否则，位置无法修改，这一点是很多网上的资料没有注意的地方，也有可能是网上的资料对应的版本较老，总之，在这一错误我很长时间都没有发现。当我突然尝试使用“200px”赋值可以对位置直接修改，而使用200赋值不可以直接修改的时候，我才发现这一错误。

代码如下：

els = document.getElementsById("block");

var x=parseInt(els.style.left)+20; //els为获取的对象，left为该对象位置信息，转化为int后进行修改</