Question

我知道如何使用按钮将ul id="menu"中的内容添加到<p id="demo"></p>。但我不知道如何删除（或隐藏），使用相同的按钮???这就像一个下拉列表，但更简单。我只需隐藏此内容或返回相反的操作。 先谢谢你 这是我的代码

var btn = document.getElementsByTagName("button")[0];
  btn.addEventListener("click", function() {
    var addInner = document.getElementById("menu").innerHTML;
    document.getElementById("demo").innerHTML = addInner;
  });

<ul id="menu">
  <li>Contacts</li>
  <li>Services</li>
  <li>Main</li>
</ul>
<button>Click to addInnerContent</button>
<p id="demo"></p>

Answer 1

我只是做了一个小改动if(document.getElementById("demo").innerHTML == ""){而在其他document.getElementById("demo").innerHTML == ""。如果您的元素演示之前是空的，那么这就是你的代码，但如果不是那么它将从demo元素中删除所有内容。

＆＃13;

var btn = document.getElementsByTagName("button")[0];
  btn.addEventListener("click", function() {
    var addInner = document.getElementById("menu").innerHTML;
    if(document.getElementById("demo").innerHTML == ""){
    document.getElementById("demo").innerHTML = addInner;
    }else{
    document.getElementById("demo").innerHTML = "";
    }
  });

＆＃13;

<ul id="menu">
  <li>Contacts</li>
  <li>Services</li>
  <li>Main</li>
</ul>
<button>Click to addInnerContent</button>
<p id="demo"></p>

＆＃13;

使用相同按钮添加和删除内容JavaScript

1 个答案: