javascript - 为什么我不能分配所有填充值？

Question

我尝试用 js 更改 html 元素的所有填充，例如：

const pd = 1
document.getElementsByClassName('board')[0].style.paddingRight = pd + 'px'
document.getElementsByClassName('board')[0].style.paddingLeft = pd + 'px'
document.getElementsByClassName('board')[0].style.paddingTop = pd + 'px'
document.getElementsByClassName('board')[0].style.paddingBottom = pd + 'px'

但它将填充设置为 1px。

如果其中一行被删除，例如：

const pd = 1
document.getElementsByClassName('board')[0].style.paddingRight = pd + 'px'
document.getElementsByClassName('board')[0].style.paddingTop = pd + 'px'
document.getElementsByClassName('board')[0].style.paddingBottom = pd + 'px'

其他值设置正确。

谁能解释为什么会发生这种情况，我该如何解决？

标签： javascripthtml

Answer 1

因为我不能评论所以我试图回答

你能告诉我你的测试结果吗？你想要什么

你的javascript脚本没有问题

如果你想改变所有的填充为什么不

 selector.style.padding = "1px"

或者

 Selector.style.padding = "1px 1px 1px 1px"

你打字这么多的原因是什么？