当我们想要在网页中实现动态效果时，JavaScript是一个非常有用的工具。其中一个常见的应用场景是在单击事件发生时改变CSS样式。下面我们将介绍一种简单的方法。
  
步骤一：编写HTML结构
  
首先，我们需要创建一个HTML结构，包含需要改变样式的元素。例如，我们创建一个按钮：
  
    点击我
  
  
步骤二：编写JavaScript代码
  
接下来，我们编写JavaScript代码来实现在单击事件发生时改变样式。我们可以使用addEventListener方法来为按钮添加一个单击事件监听器：
  
    const myButton = document.getElementById("myButton");
    myButton.addEventListener("click", function() {
      // 在这里编写改变样式的代码
      myButton.style.backgroundColor = "red";
      myButton.style.color = "white";
    });
  
  
以上代码将在按钮被单击时将背景颜色改为红色，文字颜色改为白色。
  
步骤三：测试效果
  
现在，我们可以在浏览器中打开该HTML文件，点击按钮来测试效果。你会发现按钮的样式在单击事件发生后被改变了。
  
总结
  
通过上述步骤，我们成功地使用JavaScript在单击事件中改变了CSS样式。这种方法可以用于实现各种动态效果，帮助我们更好地展示网页内容。