js获取点击直方图改变相应位置的颜色

要实现点击直方图改变相应位置的颜色，可以通过以下步骤：

1. 首先，在 HTML 中创建一个包含直方图的容器元素，并为每个直方图条目添加一个唯一的 ID。

<div id="histogram">
  <div id="histogram-item-1" class="histogram-item"></div>
  <div id="histogram-item-2" class="histogram-item"></div>
  <div id="histogram-item-3" class="histogram-item"></div>
  <!-- ... -->
</div>

2. 在 CSS 中为直方图条目添加样式，包括默认颜色和被选中的颜色。

.histogram-item {
  display: inline-block;
  width: 20px;
  height: 100px;
  background-color: gray;
  margin-right: 5px;
}

.histogram-item.selected {
  background-color: red;
}

3. 在 JavaScript 中绑定每个直方图条目的点击事件，当点击某个条目时，将其添加一个 selected 类，将其他条目的 selected 类移除。

var histogramItems = document.querySelectorAll('.histogram-item');

histogramItems.forEach(function(item) {
  item.addEventListener('click', function() {
    histogramItems.forEach(function(item) {
      item.classList.remove('selected');
    });
    
    this.classList.add('selected');
  });
});

这样，点击直方图时，相应位置的颜色就会改变为红色。