js给body添加样式

document.body.style.backgroundColor = 'lightblue';
document.body.style.fontSize = '16px';

/* 在CSS文件中定义样式 */
.custom-style {
    background-color: lightblue;
    font-size: 16px;
}

// 在JavaScript中添加类
document.body.classList.add('custom-style');

<!-- 在HTML中定义一个内部样式表 -->
<style id="dynamic-style">
    body {
        background-color: initial;
        font-size: initial;
    }
</style>

// 在JavaScript中修改样式
var style = document.getElementById('dynamic-style');
style.innerHTML = 'body { background-color: lightblue; font-size: 16px; }';

// 使用requestAnimationFrame优化性能
function changeBodyStyle() {
    document.body.style.backgroundColor = 'lightblue';
    requestAnimationFrame(changeBodyStyle);
}
requestAnimationFrame(changeBodyStyle);