重新定位Created Div使用JS

Question

所以我创建了一个DIV并试图用这个代码重新定位它：

var element = document.createElement("div")

element.id = "botinfo"

document.body.appendChild(element)

div = document.getElementById("botinfo")

div.style.position = "absolute"

div.style.top = 100

我创造它很好，但是当我尝试重新定位它没有任何反应。我跑

div.style.top = 100

再次在控制台但仍然没有。怎么了？

Answer 1

尝试设置100px。

div.style.top = "100px";

Answer 2

当然，这么简单，使用这个函数看看：

function RePosition(a,b,c) {
    a = document.getElementById(a);
    a.style.position = c;
    a.style.top = b+'px';
    return a;
}

怎么用？，看：

RePosition('botinfo',x,'absolute'); //replace x with the number of the you new position

好，好运。

Answer 3

在指定偏移时，您还需要提供单位。 例如：

div.style.top = "100px"
div.style.top = "50%"

https://www.w3schools.com/cssref/css_units.asp

希望这有帮助。