Javascript 简单JS prev innerHTML更改的下一个导航

鉴于这个非常简单的框架，有哪些方法可以用prev/next按钮替换innerHTML内容的单词列表导航？我曾经尝试过实现nextElementSibling——如果这是最好的解决方案的话——但这是我无法想象的

如果有区别的话，我确实希望最终用相当复杂的格式化html块替换innerHTML内容，但是我想了解一个简单的解决方案，它可以在任何情况下容纳像这样非常简单的内容。非常感谢你的帮助

函数优先（）{
document.getElementById（“内容”）.innerHTML=“狗”；
}
函数第二（）{
document.getElementById（“内容”）.innerHTML=“cat”；
}
函数第三（）{
document.getElementById（“content”）.innerHTML=“fish”；
}

正文{
字体大小：30px；
填充：30px；
线高：2米；
}

第一
第二
第三个

为按钮添加图像并在其上放置onclick事件。调用prev（）表示上一个文本，调用next（）表示下一个文本

var i=0;
var text=["dog","cat","fish"];
document.getElementById("content").innerHTML=text[0];


function prev(){
i-=1; 
document.getElementById("content").innerHTML=text[i];
}


function next(){
i+=1; 
document.getElementById("content").innerHTML=text[i];
}

---

将上述代码放在脚本标记中，并放置一些控制语句，以便i的值始终保持在给定范围内

考虑使用数据数组，并通过递增/递减索引变量来获取当前值

['dog'，fish'，'cat'][1]//返回“fish”

所以你想要的是“上一步”和“下一步”按钮（功能性），而不是“前一秒”和“第三秒”？@charlietfl-我不知道该怎么做。此外，我还担心数组中复杂的html块，尽管在这种情况下使用它们可能没有什么问题。无论如何，我不知道该怎么做。Thanks@Ayubhai，是的，谢谢，所以这要求您首先学习如何使用阵列，并将花费一些研究和时间来测试每个步骤。所以，这不是一个真正的“如何”教程服务或免费的代码编写服务。例如，查找有关如何将数组用于内容滑块的教程。这个问题对于这个网站来说太宽泛了，因为它是基于。学习如何编写代码需要花费大量的研究时间……其中一些研究时间会让你不知所措，让你沉溺其中，但也会让你了解可以做什么这是阿尤拜的工作。धन्यवाद 来自普什卡尔，拉杰。