如何仅使用javascript交换DIV中的文本？

我在一个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>

@*
xxx

yyy


yyy
*@
xxx

yyy


yyy

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

查看和函数

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

至于在不使用jquery的情况下替换标记的内容，我将留给您作为练习。：）

查看和功能

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

---

至于在不使用jquery的情况下替换标记的内容，我将留给您作为练习。：）

没有jQuery:

将两组患者按id分为两组

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

---

要使其处于自动模式，必须使用javascript的计时器功能，请看。这是W3School的链接。

没有jQuery:

将两组患者按id分为两组

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

---

要使其处于自动模式，必须使用javascript的计时器功能，请看。这是W3School的一个链接。

请阅读：我很高兴尝试基于一些提示的任何东西，但不幸的是，我对javascript和DOM没有很好的了解，这就是为什么我希望得到一些建议。而是

setInterval

，因为它必须每10秒执行一次。请查看名为

setInterval

的javascript函数以提供帮助随着时间的推移，但是你能详细说明为什么不想使用jQuery吗？@Luke如果她是JS新手，那么最好从没有framework env开始学习该语言。另外，IMHO jQuery大部分是不必要的开销，我个人更喜欢；）请阅读：我很高兴尝试基于一些提示的任何东西，但不幸的是，我对javascript和DOM没有很好的了解，这就是我希望得到一些建议的原因。相反，我需要每10秒做一次设置间隔，请查看名为

setInterval

的javascript函数，以帮助您节省时间，但是，你能详细说明为什么不想使用jQuery吗？@Luke如果她是JS新手，那么最好从没有framework env开始学习该语言。另外，IMHO jQuery大部分是不必要的开销，我个人更喜欢；）