如何通过循环单击标题来更改段落 下面的细节告诉你一切?

Question

我是JavaScript的新手，所以请兄弟们帮助我，我将不胜感激:) 每次单击标题时如何更改段落的文本，例如第一次单击标题时段落为空 第二次单击时段落变为"1M"，第三次单击时它变为"1F"，并且每次单击时过程都会继续，例如当我再次单击段落时，段落变为"1M"等等。

Answer 1

你需要做的是让你的标题触发一个 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>