在页面空白处使用toggle（）函数，单击时诗词正文在三种颜色之间切换。

好的，我知道了，以下是实现该功能的代码：

HTML：

<div class="poem"></div>
<button class="toggle-btn">Toggle</button>

CSS：

.poem {
  color: #000; /* 初始颜色 */
}

.red {
  color: #f00;
}

.green {
  color: #0f0;
}

.blue {
  color: #00f;
}

JavaScript：

const poem = document.querySelector('.poem');
const toggleBtn = document.querySelector('.toggle-btn');
const colors = ['red', 'green', 'blue']; // 三种颜色

toggleBtn.addEventListener('click', function() {
  // 获取当前颜色的下标
  const currentIndex = colors.indexOf(poem.classList[0]);
  // 下一个颜色的下标
  const nextIndex = (currentIndex + 1) % 3;
  // 移除当前颜色，添加下一个颜色
  poem.classList.remove(colors[currentIndex]);
  poem.classList.add(colors[nextIndex]);
});

当你单击 Toggle 按钮时，诗词正文的颜色会在红、绿、蓝之间切换。