我最近才开始学习 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 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labourum.
我不确定我正在使用的代码是否可行,但我一直在互联网上搜索解决方案,但我不太确定应该搜索什么。
最佳答案
不确定我是否理解正确,但以下内容将在按钮开关上切换文本。
<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'/>
关于javascript - onclick 中随机播放文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28935301/