首页 文章

通过文本onclick拖曳

提问于
浏览 次
0

我最近才拿起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 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 laborum .

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

javascript onclick

2 回答

  • 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'/>
    回复于
  • 0

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

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

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

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

相关问题