Question

我最近才拿起JavaScript，并想知道如何解决这个问题：

<script type="text/javascript">
function changeText(){
document.getElementById('txt').innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
}
</script>
<p id='txt'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

以上是我正在使用的代码示例。我想要的是能够将第二个文本更改为第三个，第四个，依此类推;喜欢循环浏览文本值onclick，因此它会显示其他文本，如：

Duis aute irure dolor in repreptderit in velptate velit esse cillum dolore eu fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident，sunt in culpa qui officia deserunt mollit anim id est laborum。

我不确定我使用的代码是否可行，但我一直在寻找解决方案的互联网，我不确定我应该搜索什么。

Answer 1

不确定我是否理解正确，但以下内容将在按钮开关上切换文字。

<script type="text/javascript">
var currentTextNum=0;
var texts = ['Text1', 'Text2', 'Text3', 'Text4'];
function changeText(){
document.getElementById('txt').innerHTML = texts[currentTextNum];
currentTextNum++;
if (currentTextNum>texts.length) currentTextNum=0;
}
</script>
<p id='txt'>Text1</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

Answer 2

创建一个数组来保存字符串：

var stringsArr = [ "first string...", "2nd string..", "3rd...", "4th..."];

然后，创建一个计数器，并在每次单击时递增;

var counter = 0;
function changeText(){
   counter++;
   document.getElementById('txt').innerHTML = stringsArr[counter%(stringsArr.length-1)];
}

翻阅文本onclick

2 个答案: