如何使用JavaScript选择一个元素的所有子元素并更改CSS属性？

8 浏览
0 Comments

如何使用JavaScript选择一个元素的所有子元素并更改CSS属性？

我正在一个项目上工作，其中有一个包含32个子元素的div。我需要创建一个下拉菜单，可以改变每个div和其父元素的背景。对于其他没有子元素的部分，我一直在使用以下代码：

function changediv(color) {
document.getElementById('div1').style.background = color;
}

HTML:

我可以给每个子元素添加不同的ID（id1，id2，id3，...），但是有32个子元素，不仅需要添加32个ID，还需要添加32行Javascript代码。肯定有更好的方法；可以选择子元素，甚至改变实际选择子元素的CSS代码。

谢谢，Ian

0