清除页面的部分

时间:2016-12-08 20:22:18

标签: javascript html css

我已经使用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");
}

1 个答案:

答案 0 :(得分:0)

假设您需要消失的内容被某个元素包裹,只需清除整个内容:



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>
&#13;
&#13;
&#13;