4、页面上有9个div，点击每个div改变当前div的背景颜色为红色，其他div默认粉色。

以下是一个实现该功能的示例代码：

HTML代码：

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS代码：

.box {
  width: 100px;
  height: 100px;
  background-color: pink;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
}

JavaScript代码：

var boxes = document.querySelectorAll('.box');

for (var i = 0; i < boxes.length; i++) {
  boxes[i].addEventListener('click', function() {
    for (var j = 0; j < boxes.length; j++) {
      boxes[j].style.backgroundColor = 'pink';
    }
    this.style.backgroundColor = 'red';
  });
}

首先，我们使用querySelectorAll()方法获取所有class为box的div元素，并使用for循环为每个div元素添加点击事件监听器。在点击事件处理函数中，我们使用另一个for循环将所有div元素的背景颜色设置为粉色，然后将当前点击的div元素的背景颜色设置为红色。这样，每次点击一个div元素时，它的背景颜色会变成红色，而其他所有div元素的背景颜色都会变成粉色。