javascript - 清除页面部分

Question

我使用 JavaScript 重新制作了一个 HTML 网站，我已经完成了一个页面，还有另外两个页面。我想确保在使用按钮加载新内容之前，单击之前的内容被清除并且内容区域是新鲜的以放入新内容。这是 the code .

一开始会发生的是第二个函数会出现在页脚下并向下展开页面，我添加了一个 if 语句来阻止它出现，但是我无法清除页面并让每个函数都重新出现。

var x = document.getElementById("mainWindow");
var checker1 = document.getElementById("About1");
if(checker1 != null) {
  x.removeChild().getElementByID("About1");
  x.removeChild().getElementByID("About2");
  x.removeChild().getElementByID("player");
}

Answer 1

假设您需要消失的内容被某些元素包裹，只需像这样清除整个内容:

var wrapper = document.getElementById("wrapper");

document.getElementById("btnClear").addEventListener("click", function(){
  // Clear the contents of the wrapper element:
  wrapper.innerHTML = "";
});

<div id="wrapper">
  <h1>The heading</h1>
  <p>Some details</p>
  <ul>
    <li>data</li>
    <li>data</li>
    <li>data</li>    
  </ul>
</div>

<button id="btnClear">Clear</button>