在网页DIV中设置一首诗词（要求有诗的标题和作者），在页面空白处使用toggle（）函数，单击时诗词正文在三种颜色之间切换。

这里是一个示例代码，可以实现你所需的功能：

HTML代码：

<div id="poem">
  <h2>《静夜思》</h2>
  <h3>李白</h3>
  <p>
    床前明月光，<br>
    疑是地上霜。<br>
    举头望明月，<br>
    低头思故乡。
  </p>
</div>

<button onclick="toggleColor()">切换颜色</button>

JavaScript代码：

function toggleColor() {
  var poem = document.getElementById("poem");
  var colors = ["red", "green", "blue"];
  var currentColor = poem.style.color;
  var index = colors.indexOf(currentColor);
  if (index === -1 || index === 2) {
    index = 0;
  } else {
    index ++;
  }
  poem.style.color = colors[index];
}

在上述代码中，我们首先定义了一个包含诗词的 `div` 元素，并在其中设置了标题和作者，然后在页面上创建了一个按钮，当用户单击按钮时，调用 `toggleColor()` 函数。

在 `toggleColor()` 函数中，我们首先获取诗词 `div` 元素的引用，然后定义了一个包含三种颜色的数组。接着，我们获取当前文本颜色，并根据其在颜色数组中的位置来切换到下一个颜色。最后，我们将新的颜色应用于诗词元素的文本颜色。

注意，为了使 `toggle()` 函数正常工作，需要在 CSS 样式表中定义 `color` 属性。例如：

#poem {
  color: red;
}