2016-12-08 12 views
0

私はJavaScriptを使ってHTMLサイトを作り直しました。私は1ページを完成しました。私は、新しいコンテンツがボタンでロードされる前に、そのコンテンツがクリアされ、コンテンツ領域が新しいコンテンツを入れるために新鮮であることを確実にしたいと思います。これはthe codeです。ページをクリアする

冒頭では、2番目の関数がフッタの下に来てページを下に拡大する場合、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"); 
} 
+0

あなたは新しいURLに移動し

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>
、古いページがアンロードされます。それを確認する必要はありません。 –

+0

@ScottMarcus URLを変更することはありません。イベントでは、ページの要素が変更されます。 –

+1

ページの領域がクリアされて新しい領域がその領域に挿入されるようにしたい場合は、その領域のラッパー要素の 'innerHTML'を' '" ''に設定してください –

答えて

0

離れて行く必要があり、あなたのコンテンツは、いくつかの要素によってラップされると仮定すると、ちょうどこのように全体の事をクリア:

関連する問題