js怎么给指定id下面的所有子div添加class？

Question

比如这段代码，知道id=room 然后怎么给下面所有的子div添加上class="test"，同时也给所有input添加上class="test2"

希望技术大亨帮帮忙，感激不尽！

<div class="project-rule-item" id="room">

<div>
<input type="radio" value="37" name="room">
<a href="#" target="_blank">自定义内容</a>
</div>

<div>
<input type="radio" value="38" name="room">
<a href="#" target="_blank">自定义内容</a>
</div>

<div>
<input type="radio" value="42" name="room">
<a href="#" target="_blank">自定义内容</a>
</div>

</div>

Answer 1

其实只需要用到document.querySelector('选择器')和结合classList. add("类名"）即可。
那么你这里就只要设置以下两步代码即可:
document.querySelector('# room＞div'). classList. add(" test"）;
document.querySelector('# room＞div＞input'). classList. add(" test2"）;

Answer 2

$("#room div,#room input").addClass("test");

追问

非常非常感谢您，完美的解决了我的问题