Javascript document.getElementById（"；myB"；）.style.top="；“100px”；；

有没有办法将style.top设置为变量而不是px

当我按下按钮时，我希望div将绝对位置更改为随机值，而不是常量

<div class="dot" id="dot1" style="top:180px;left:280px"></div>

function myFunction1(){
    var x1 = Math.floor((Math.random() * 150) + 75);
    var y1 = Math.floor((Math.random() * 150) + 75);

    console.log(x1);
    console.log(y1);


   //this works
   document.getElementById("dot1").style.top = "100px";
   document.getElementById("dot1").style.top = "100px";

   //this doesnt
   document.getElementById("dot1").style.top = x1;
   document.getElementById("dot1").style.top = y1;
   }

函数myFunction1（）{
var x1=数学地板（（数学随机（）*150）+75）；
变量y1=数学楼层（（数学随机（）*150）+75）；
控制台日志（x1）；
控制台日志（y1）；
//这很有效
document.getElementById（“dot1”）.style.top=“100px”；
document.getElementById（“dot1”）.style.top=“100px”；
//这不是
document.getElementById（“dot1”）.style.top=x1；
document.getElementById（“dot1”）.style.top=y1；
}

document.documentElement.style.top=x1

。left属性也是一样。

检查这是否对您有帮助：您应该将属性设置为

document.getElementById（'dot1'）.style.setProperty（…

x1

和

y1

是变量，所以不应该在它们周围加引号。我也没有这样做：document.getElementById（'dot1'）.style.setProperty（'top'，x1）如果愿意，可以使用变量。CSS中的长度仍然需要单位，因此变量必须包含单位。