单击按钮时执行不同的功能

Question

我正在使用Javascript开发网页，我想实现一个按钮，这样每当您点击它时，按钮内的文字就会变为下一个文字。

目前我正在这样做（也是一个演示来说明我的意思）：

CodePen.io

<table>
  <tr>
    <th class="headertext"><div>left</div></th>
    <th class="headertext"><div>middle</div></th>
    <th class="headertext"><div>right</div></th>
  </tr>
  <tr>
    <td>left</td>
    <td>middle</td>
    <td>right</td>
  </tr>
</table>

基本上我使用开关语句和计数器一步一步地进行。

我能想到的另一种方法是使用一个数组来保存所有文本，我的函数只是通过它（似乎更有效）

• 但我仍然想知道是否有其他方法（尽管很明显）你可以用纯Javascript实现这一点。

提前致谢。

Answer 1

你是对的，你可以让它更清洁＆amp;使用数组更有效，例如：

XMLHttpRequest