Javascriptでドキュメント本文をdivに設定する方法は？

Question

私はちょうど私のページが唯一のdivのコンテンツを表示し、他のすべての要素を破棄したいので、私はそれのdivに私の体を設定しようとするが、それは単に失敗しました：

マイコード：

document.body = document.querySelector('#b')

<div id="a"> 
 
    div a 
 
</div> 
 

 
<div id="b"> 
 
    div b 
 
</div>

DIVに文書本体を設定するにはどのように

{ 
    "message": "Uncaught HierarchyRequestError: Failed to set the 'body' property on 'Document': The new body element is of type 'DIV'. It must be either a 'BODY' or 'FRAMESET' element.", 
    "filename": "http://stacksnippets.net/js", 
    "lineno": 19, 
    "colno": 23 
} 

、：

そしてその結果は？

Answer 1

エラーで説明したように、divまたはその他の要素を本文に設定することはできません。

body要素内のHTMLを変更することができます。

本文のinnerHTMLを対象要素のouterHTMLに設定します。これにより、以前の本文のコンテンツが新しいコンテンツに置き換えられます。

document.body.innerHTML = document.querySelector('#b').outerHTML;

<div id="a"> 
 
    div a 
 
</div> 
 

 
<div id="b"> 
 
    div b 
 
</div>

Answer 2

交換

document.body = document.querySelector('#b') 

で

document.body.innerHTML = document.querySelector('#b').innerHTML 

Answer 3

document.getElementsByTagName('body')[0].innerHTML = document.querySelector('#b').innerHTML;

<div id="a"> 
 
    div a 
 
</div> 
 

 
<div id="b"> 
 
    div b 
 
</div>

Answer 4

jQueryを使用：$（ 'div'）。not（ '：first'）。remove（）;