如何在javascript中删除点击按钮时的css样式？

在JavaScript中删除点击按钮时的CSS样式，可以通过以下步骤实现：

1. 首先，为按钮添加一个点击事件的监听器。可以使用addEventListener方法来绑定click事件，并指定一个回调函数。

示例代码如下：

const button = document.querySelector('button'); // 获取按钮元素

button.addEventListener('click', function() {
  // 在这里处理点击事件
});

1. 在点击事件的回调函数中，通过修改按钮的类名或样式属性来删除CSS样式。可以使用classList属性来操作元素的类名，或者使用style属性来直接修改样式属性。

删除类名的示例代码如下：

button.addEventListener('click', function() {
  button.classList.remove('css-class-to-remove');
});

在上面的代码中，将"css-class-to-remove"替换为需要删除的CSS类名。

删除样式属性的示例代码如下：

button.addEventListener('click', function() {
  button.style.propertyName = '';
});

在上面的代码中，将"propertyName"替换为需要删除的CSS属性名。

1. 如果需要在删除样式后重新添加样式，可以通过classList的add方法或style属性来添加CSS类名或样式属性。

添加类名的示例代码如下：

button.addEventListener('click', function() {
  button.classList.add('css-class-to-add');
});

在上面的代码中，将"css-class-to-add"替换为需要添加的CSS类名。

添加样式属性的示例代码如下：

button.addEventListener('click', function() {
  button.style.propertyName = 'propertyValue';
});

在上面的代码中，将"propertyName"替换为需要添加的CSS属性名，"propertyValue"替换为属性的值。

总结： 通过在按钮上添加点击事件的监听器，并在回调函数中使用classList或style属性来删除或添加CSS类名或样式属性，可以在JavaScript中删除点击按钮时的CSS样式。