如何通过循环方式点击标题更改段落下面的详细信息告诉你一切?

时间:2017-07-16 21:27:08

标签: javascript jquery

我是javascript的新手所以请兄弟们帮助我,我将不胜感激:) 每当我点击第一次段落的标题时,如果点击标题段落变为“1M”,第二次点击它变成“1F”的话第3次点击它再次变为空,并且过程继续点击,当我再次点击段落变为“1M”,依此类推。

1 个答案:

答案 0 :(得分:0)

你需要做的是让你的标题触发一个javascript事件,它将更新div内部html。像这样:

<script> 
  var pos = 0;
  var inputs = ["F1", "1M", ""];
  function changeContent() {
    var div = document.getElementById('content');
    div.innerHTML = inputs[pos];
    pos++;
    if (pos == 3) pos = 0;
  }
</script>


<h1 id="title" onclick="changeContent()">Title</h1>

<div id="content"></div>