js获取到dom元素后如何修改dom的子元素样式？

Question

比如

<div class="a">
    <div class="b"></div>
    <div class="c"></div>
</div>

我通过js获取到classa的dom元素了，然后我想修改classc的样式该怎么写？

Answer 1

let dom = document.querySelector('.a');
// 通过 classList 修改
dom.classList.add('a-add');
dom.classList.remove('a');
// 直接赋值
dom.className = 'a-class-name';
// setAttribute
dom.setAttribute('class', 'a-set-attribute');