JS通过单击更改内容

时间:2019-03-03 23:31:18

标签: javascript

我需要您的宝贵帮助!

我在屏幕顶部有2张幻灯片,它们在10秒后(循环)改变。您可以在这里看到:http://packageonly.tk/test

如果您单击全部信息-在两张幻灯片上-您将在屏幕底部看到内容-我希望将它们替换。因此底部仅显示1条信息-ORR-我想知道如何将底部的内容连接到顶部-这样内容就会相应地更改。

谢谢

到目前为止,我已经使用以下代码:

function myFunction() {
  var x = document.getElementById("id1");
  if (x.style.display === "none") {
    x.style.display = "block";
    
  } else {
    x.style.display = "none";
  }
}

function myFunction2() {
  var x2 = document.getElementById("id2");
  if (x2.style.display === "none") {
    x2.style.display = "block";
    
  } else {
    x2.style.display = "none";
  }
}
<div id="id1">This is id1</div>
<div id="id2">This is id2</div>

<button type="button" onclick="myFunction()">myFunction()</button>
<button type="button" onclick="myFunction2()">myFunction2()</button>

1 个答案:

答案 0 :(得分:0)

您似乎并没有使旧信息消失。试试这个:

{{1}}