document.getElementById("myB").style.top = "100px"; [复制]

Question

有没有办法将 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;
   }

Answer 1

document.documentElement.style.top = x1。 left 属性也一样。