如何只使用javascript在DIV内交换文本？

Question

我在DIV中有这样的文字：

<div>

@*<p class="header">xxx</p>
<p>
yyy
</p>
<p>
yyy
</p>*@

<p class="header">xxx</p>
<p>
yyy
</p>
<p>
yyy
</p>

</div>

我评论了前三段，并将其替换为后三段。有没有一种方法可以让它在显示前三段和后三段之间每隔十秒变化一次。请注意，我不在此页面上使用jQuery。我想找到一个不使用jQuery的解决方案。

Answer 1

查看setTimeout()和setInterval()函数。

第一个允许你定义在超时结束时要执行的代码，第二个将继续执行指定的代码，直到你停止它。

至于在没有jquery 的情况下替换标签的内容，我将把它作为练习留给你。 ：）

Answer 2

没有jQuery：

将两组

放入两个带有id的div中。

document.getElementById('idDiv1').style.display = "none"; --> make invisibile the div1
document.getElementById('idDiv2').style.display = "block"; --> make visibile the div2

要在自动模式下进行此操作，您必须使用javascript的计时器功能，查看here。这是W3School的链接。