如何在点击时将一种颜色设置为红色，而不设置另一种颜色？

要在点击时将一种颜色设置为红色，而不设置另一种颜色，可以通过前端开发中的事件监听和DOM操作来实现。

首先，在HTML中定义两个元素，分别表示需要设置颜色的两种对象。例如，可以使用两个按钮元素来代表两种颜色。

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>

然后，在JavaScript中，通过事件监听来捕获按钮的点击事件，并在事件处理函数中设置颜色。可以使用CSS样式来改变元素的颜色。

// 获取按钮元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

// 给按钮添加点击事件监听
button1.addEventListener("click", function() {
  // 设置按钮1的颜色为红色
  button1.style.color = "red";
  // 清除按钮2的颜色设置
  button2.style.color = "";
});

button2.addEventListener("click", function() {
  // 设置按钮2的颜色为红色
  button2.style.color = "red";
  // 清除按钮1的颜色设置
  button1.style.color = "";
});

以上代码中，通过addEventListener方法给按钮元素添加了点击事件监听，当按钮被点击时，对应的事件处理函数会被触发。在事件处理函数中，通过修改按钮元素的style.color属性来改变按钮的颜色。点击按钮1时，将按钮1的颜色设置为红色，并清除按钮2的颜色设置；点击按钮2时，将按钮2的颜色设置为红色，并清除按钮1的颜色设置。

这样，就可以实现在点击时将一种颜色设置为红色，而不设置另一种颜色的效果。

请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。