Javascript 单击更改另一个元素的背景色

我希望向网站添加可访问性选项，以便用户有机会更改以下元素的背景（而不是整个文档背景）：

例如，我想为以下内容显示彩色框或文本： 粉白蓝黄 当点击链接时，背景颜色会改变

---

提前感谢您的建议。

在这种情况下，您应该使用JS并将事件侦听器添加到此组件：

element.addEventListener('click', function() {
  element.classList.add(/* class with corresponding styles */)
});

---

请看下面的代码片段，它使用javscript来实现：

var background=document.getElementById（'background'）；
函数setBackgroundTo（颜色）{
background.style.backgroundColor=颜色；
}

#背景{
高度：100px；
宽度：100px；
背景色：红色；
}

下面的div模拟您的背景。单击按钮以更改其颜色。
红色
蓝色
绿色
黑色

你能给我们看看你的HTML/Javascript吗？你过去常常看到你可能会出错。谢谢你的回复。我可以从代码片段中看出，您的答案改变了固定高度和宽度区域的颜色。我不确定如何使此页面的奶油色区域更改颜色：

element.addEventListener('click', function() {
  element.classList.add(/* class with corresponding styles */)
});