javascript - 请问如何使用js给一组子元素设置相同的样式？

问题描述

问 题

<div class='box'>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

比如，想给.box的所有子元素设置同样的宽和高，如何使用js实现？
不使用继承。

解决方案

document.querySelectorAll('.box > div').forEach(div => {
    div.style.width = '100px'
    div.style.height = '100px'
    div.style.background = '#333'
    div.style.margin = '12px'
})

这篇关于javascript - 请问如何使用js给一组子元素设置相同的样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！