Javascript 如何切换div'；用一个按钮显示多个内容

我想创建一个div，它的内容（文本）将在每次单击按钮时更改，但不是作为切换，而是作为多个文本更改

我有14句话-我只需要一句话，在当时提出。点击一个按钮，它将显示下一个句子，依此类推。在第14句之后，我想让它回到第一句

你知道怎么做吗？ 我发现所有类似的帖子都是关于如何切换两个不同的文本的——我需要多个

---

我需要的一个很好的例子-检查此

的页脚。您可以声明一个表示句子编号的数字，在按钮单击时增加它，并显示

I

第个句子模句子数组长度，以便产生循环效果。像这样：

var语句=['first'，'second'，'third'，'fourth']；
var-senNum=0；
var sen=document.getElementById（'sen'）；
sen.innerText=句子[senNum++]；//定首句
document.getElementById（'change'）。addEventListener（'click'，函数（e）{
sen.innerText=句子[senNum++%句子.length]；
});

更改
能否将文本存储在数组中

var text=[
“这条路一直走下去”，
“从它开始的那扇门下来”，
“现在前面的路已经走远了”，
“如果我做不到，我就必须跟着
];
var button=document.getElementById（'change-text'）；
var div=document.getElementById（'my-div'）；
var textIndex=0；
addEventListener（'click'，function（）{
//清除当前文本
div.innerHTML=''；
//创建新的文本节点并从数组中添加文本
var p=document.createElement（“p”）；
var textnode=document.createTextNode（text[textIndex]）；
p、 appendChild（textnode）；
//向div添加文本
儿童组（p）；
//如果索引位于数组的末尾，则循环回到开头
如果（text索引>text.length（））{
textIndex=0；
}否则{
//或者只是增加1
textIndex+=1；
}
});
简单、快速、纯JavaScript
var cnt=0；
函数callMe（）{
var你的句子数组=
['Sentences1'，'Sentences2'，'Sentences3'，'Sentences4'，'Sentences5'，'Sentences6'，'Sentences7']；
var div=document.getElementById（'idtxt'）；
div.innerHTML=你的句子数组[cnt]；
cnt==你的句子数组。长度-1？cnt=0:cnt++；
}

单击以进行更改
您可以通过更改元素的
innertext
属性来更改元素的文本。e、 g.
document.getElementById（“textbox”）.innertext=“这是一些新文本”
请尝试在您的按钮单击函数中设置
document.getElementById（“textbox”）.innertext=您的句子数组[Math.floor（Math.random（）*您的句子数组.length）]