JS不会在另一个Div内设置样式余量

Question

我正在使用bootstrap，我需要设置样式的元素在BootsRap col-sm-6div元素中。我不知道为什么，但是我的脚本不起作用。

<div class="row">
<div class="col-sm-6 spacer1">
//Objects
</div>
</div>
<script type="text/javascript">
document.getElementByClassName('spacer1').style.padding = "50px 50px";
</script>

我的脚本放在我的元素下方，因此我认为在加载此元素后它将执行。我尝试了一切，但我无法正常工作。是的，我可以将其写入CSS文件，但是我需要为每个Div动态更改此文件。这里怎么了？

编辑如果此返回节点符，如何选择它？我对此一无所知...

非常感谢您，我已经修复了所有内容：）

Answer 1

getElementsByClassName()返回元素数组，因此您需要选择第一个元素。

尝试

document.getElementsByClassName('spacer1')[0].style.padding = "50px 50px";

Answer 2

document.getElementsByClassName('spacer1')[0].style.padding = "50px 50px";

getElementByClassName不存在。

您可以使用getElementsByClassName并在Nodelist中选择第一个元素。

在此处阅读更多