如何在点击多个div后使得背景色改变使用this和javascript

可以使用以下代码实现：

HTML代码：

<div class="box" onclick="changeColor(this)"></div>
<div class="box" onclick="changeColor(this)"></div>
<div class="box" onclick="changeColor(this)"></div>

CSS代码：

.box {
    width: 50px;
    height: 50px;
    background-color: gray;
    margin: 10px;
    display: inline-block;
}

JavaScript代码：

function changeColor(element) {
    if (element.style.backgroundColor === 'gray') {
        element.style.backgroundColor = 'red';
    } else {
        element.style.backgroundColor = 'gray';
    }
}

以上代码中，我们在每个div的onclick事件中调用changeColor函数，并将this作为参数传递进去。在changeColor函数中，我们首先判断当前div的背景色是否为灰色，如果是，则将其改为红色，否则改为灰色。这样，每次点击div时，就可以改变其背景色了