Javascript 更改div中的文本

假设我的div中有以下文本

福



酒吧

单击“更改文本”按钮，我希望文本保持不变，单击“更改为旧文本”，我希望它再次切换到旧文本

洛勒姆



Ipsum

---

在css和javascript的帮助下，当前的方法真的可以做到这一点吗？还是我必须以不同的方式构建html？如果当前的方法可行，如何实现？

如果您正在寻找文本旋转器，您可以这样做

window.onload=函数（）{
无功电流=0；
var ps=document.queryselectoral（“p”）；
对于（变量i=0；i

说1。。。第一

说2。。。第二

说3。。。第三

说4。。。第四

说5。。。第五


Foo


条
函数chng（）{
var x；
x=document.getElementById（'p1'）；
x、 innerHTML='Changed'；
y=document.getElementById（'p2'）；
y、 innerHTML='也已更改'；
z=document.getElementById（'changetext'）；
z、 style.display=“无”；
w=document.getElementById（'changeback'）；
w、 style.display='block'；
}
函数chngback（）{
var x；
x=document.getElementById（'p1'）；
x、 innerHTML='Foo'；
y=document.getElementById（'p2'）；
y、 innerHTML='Bar'；
z=document.getElementById（'changetext'）；
z、 style.display=“block”；
w=document.getElementById（'changeback'）；
w、 style.display='none'；
}

您可以使用此代码更改文本，并将其更改回原来的状态
使用div标记将段落换行，然后在单击更改文本时仅显示一个div，显示另一个div并隐藏当前的显示div。但是如果我想要第三个文本，是否也可能？我已经向您展示了当前的方法，这是可能的，但是如果您以上述建议的方式使用它会更好！你只需要改变逻辑。你想让我这样做吗？你在找一种文本旋转器吗？那真是太好了，是的：-）是的，没错，我想要一个文本旋转器这很酷，我甚至不知道这一切都是可能的，非常感谢：-！）@易卜拉希马帕奇哈哈。。。问出来，看看这是可能的！享受吧，伙计…他的问题完全不同。。。你的答案是前面的方法。
<div id="textbox">
  <p id = 'p1'>Foo</p>
  <br>
  <p id = p2>Bar</p>
  <a onclick = "chng();" href= # id ="changetext">change text</a>
  <a onclick = "chngback();" href= # id ="changeback" style = "display:none;">change text back</a>

</div>
<script>
function chng(){
    var x;
    x = document.getElementById('p1');
    x.innerHTML = 'Changed';
    y = document.getElementById('p2');
    y.innerHTML = 'Changed also';
    z = document.getElementById('changetext');
    z.style.display = "none";
    w = document.getElementById('changeback');
    w.style.display = 'block';
}
function chngback(){
    var x;
    x = document.getElementById('p1');
    x.innerHTML = 'Foo';
    y = document.getElementById('p2');
    y.innerHTML = 'Bar';
    z = document.getElementById('changetext');
    z.style.display = "block";
    w = document.getElementById('changeback');
    w.style.display = 'none';
}
</script>