小编典典

使用JavaScript递增上/左/下/右值

css

我正在尝试将元素的位置增加 x个 像素。到目前为止,这是我尝试过的:

var top = document.getElementById("something").style.top;
top = top + "300px"

我知道这行不通,但是我想知道是否有可能像这样增加位置值。


阅读 260

收藏
2020-05-16

共1个答案

小编典典

因为它style.top是一个以结尾为单位的字符串,就像"300px"只有将数字部分转换为实际数字时才可以对它进行数学运算。

假设您有一个定位的元素(因此设置top值会做些事情),并且已经top在元素上直接设置了样式(而不是通过CSS设置)(因此获取obj.style.top实际上会为您带来一些东西),则可以通过解析数字来实现样式值如下:

var obj = document.getElementById("something");
var topVal = parseInt(obj.style.top, 10);
obj.style.top = (topVal + 300) + "px";
2020-05-16