Очистка разделов страницы

Question

Я переделал HTML-сайт с использованием JavaScript, я закончил одну страницу и у меня есть две другие. Я хочу убедиться, что до того, как новый контент будет загружен кнопкой, щелкните содержимое, прежде чем оно будет очищено, а область содержимого будет новой, чтобы добавить новое содержимое. Это 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>