JavaScript怎么改变div的背景颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background: #000;
        }
    </style>
</head>
<body>
<div id="d">

</div>
<button id="c" value="变颜色" οnclick="change()">变</button>
<script>
    var b =document.getElementById('c');
    var i= document.getElementById('d');
    function change(){
        i.style.backgroundColor='pink';
    }
</script>
</body>
</html>

点击按钮出发事件

之前试了一次document.bgColor=’pink’;变换的是整个页面的背景颜色;

i.style.backgroundColor=’pink’;这一个是改变div的背景颜色。

留下评论