Question

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

<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动态更改它。这有什么不对？

修改的如果这个返回nodelist，如何选择呢？我对此一无所知...

非常感谢，我已经解决了所有问题：）

Answer 1

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

尝试

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

Answer 2

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

getElementByClassName不存在。

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

了解更多here

JS不会在另一个div中设置样式边距

2 个答案: