JS单击一个div应用自定义样式，并从另一个div中移除样式

当用户单击一个div时，可以通过JavaScript应用自定义样式，并从另一个div中移除样式。以下是一个完善且全面的答案：

在前端开发中，可以使用JavaScript来实现这个功能。首先，我们需要给要点击的div添加一个事件监听器，以便在用户点击时触发相应的操作。可以使用addEventListener方法来实现这一点，如下所示：

const div1 = document.getElementById('div1'); // 获取要点击的div元素
const div2 = document.getElementById('div2'); // 获取要移除样式的div元素

div1.addEventListener('click', function() {
  // 应用自定义样式
  div1.style.backgroundColor = 'red';
  div1.style.color = 'white';
  
  // 移除样式
  div2.classList.remove('custom-style');
});

上述代码中，我们首先通过getElementById方法获取了要点击的div元素和要移除样式的div元素。然后，我们使用addEventListener方法为div1添加了一个click事件监听器。当用户点击div1时，会触发回调函数。在回调函数中，我们可以通过修改div1的style属性来应用自定义样式，例如修改背景颜色和文字颜色。同时，我们使用classList.remove方法来移除div2的custom-style类，从而移除相应的样式。

需要注意的是，上述代码中的div1和div2是示例中的id属性值，你需要根据实际情况修改为你的HTML代码中对应的id值。

这个功能在很多场景中都可以应用，例如在用户点击一个按钮后，改变按钮的样式并移除其他元素的样式，或者在用户点击一个菜单项后，高亮该项并取消其他项的高亮状态等。

腾讯云提供了一系列的云计算产品，其中与前端开发相关的产品包括云服务器、云存储、云函数等。你可以根据具体需求选择适合的产品来支持你的前端开发工作。