JavaScript 点击按钮改变盒子样式示例

<div class='box'>这是一个盒子</div>
<button class='btn'>按钮</button>
<script>
    //需求: 点击按钮，box盒子的宽度变成300px，背景颜色变成绿色green
    // 1.获取元素
    let box = document.querySelector('.box');
    let btn = document.querySelector('.btn');
    // 2.绑定事件
    btn.onclick = function () {
        // 修改box盒子的样式
        // 1. box.style.样式属性=值,注意值是字符串
        box.style.width = '300px';
        box.style.backgroundColor = 'green';
    }
</script>