腾讯的很多产品会有不同的主题切换功能，比如白天模式和夜间模式。请简要描述如何使用 CSS 和 JavaScript 实现一个简单的主题切换功能。

答题要点

推荐答题框架：采用分层分析法，从 HTML 结构、CSS 样式和 JavaScript 交互三个层面分析。关键要点：1. HTML 结构：添加一个切换按钮，用于触发主题切换。2. CSS 样式：定义不同主题的样式类，如 `.day-mode` 和 `.night-mode`。3. JavaScript 交互：监听按钮的点击事件，通过 `classList` 方法切换元素的类名。4. 初始状态：页面加载时设置默认主题。示例话术：首先，在 HTML 中添加一个按钮，如 `<button id='theme-toggle'>切换主题</button>`。然后，在 CSS 中定义 `.day-mode` 和 `.night-mode` 的样式。接着，使用 JavaScript 监听按钮的点击事件，当点击按钮时，通过 `classList.toggle` 方法切换 `body` 元素的类名。页面加载时，可以根据用户的偏好设置默认主题。代码示例：`const toggleBtn = document.getElementById('theme-toggle'); toggleBtn.addEventListener('click', () => { document.body.classList.toggle('night-mode'); });`