javascript - 我可以在 Javascript 中一次为多个属性分配一个变量值吗？

Question

假设我想将样式元素的水平填充设置为变量“x”并将垂直设置为变量“y”。当然，这是可能的:

var docex = document.getElementById.style;
docex.paddingTop = y;
docex.paddingBottom = y;
docex.paddingLeft = x;
docex.paddingRight = x;

我有没有更短的方法来做到这一点，例如类似于:

var docex = document.getElementById.style;
docex.paddingTop = docex.paddingBottom = y;
docex.paddingLeft = docex.paddingRight = x;

但是，据我所知，上面的方法不起作用，并且会声明一个全局变量，正如我从该站点上的另一个问题中看到的那样。那么，对于我来说，实现与上述类似的想法的最有效的最小方法是什么，这可以用普通的 javascript 实现？

提前致谢!

Answer 1

您可以为此使用速记 CSS 规则:

docex.padding = y + " " + x;

这会将 y 设置为顶部和底部填充，将 x 设置为左​​侧和右侧填充。

MDN Reference