使用Javascript设置CSS位置

Question

如何relative 50% 50%使用JS 设置位置？

我试过了:

document.getElementById("id").style.position = "relative 50% 50%";

但它似乎不起作用......

Answer 1

你必须单独设置它们.

我做了一个变量指向style对象,因为我们正在修改多个属性,因为它with() { ... }被认为是有害的.

另外,我设置50%到的,因为从右到左分配这两个属性,而且由于该字符串的两个属性的分配是没有问题的(请确保您理解它是如何工作的,如var a = b = []将设置a并b在同一个 Array对象,往往不需要的话).

var elementStyle = document.getElementById("id").style;

elementStyle.position = "relative";

elementStyle.top = elementStyle.left = "50%";

jsFiddle.