<a>タグのほかに、ページ内のすべてのhtmlタグをES6 Javascriptで削除しますか？

Question

<a>タグのほかに、ページのidが#bodyContentdivのすべてのhtmlタグを削除したいと考えています。これはES6 Javascript（jQueryはありません）です。

このページは非常に長い文章で、p、span、およびimgなどの大量のテキストを表示しています。

pおよびspanの中には、多くのaタグがあります。実際には、pタグのうち約99.9％に少なくとも1つのaタグが含まれています。

テキストの唯一の約0.1％が除去されているので、次のコードでそれらの内部aを持っていないすべてのpのタグを削除すると、無効である：

for (const text of document.querySelectorAll("p")) { 
    if (!text.querySelector("a")) { 
     text.style.display = "none"; 
    } 
} 

私はすべてを消去するソリューションを必要としますページの#bodyContentdivは、aタグではありません。

最終製品は、aリンクのみで埋め尽くされたWikiのWebページである必要があります。

Answer 1

だけですべてのコンテンツを削除し、その後にバックリンクを置く： `querySelectorAll（「A」）を行うにははるかに容易に`、あなたにそれらを移動する

const el = document.querySelector("div#bodyContent"); 
const links = el.querySelectorAll("a"); 
while (el.hasChildNodes()) 
    el.removeChild(el.firstChild); 
for (const link of links) 
    el.appendChild(link); 

Answer 2

p要素からa要素のすべてを選択し、その内容をa要素だけで置き換えることができます。ような何か：

const content = document.querySelector('#bodyContent'); 
let links = content.querySelectorAll('a'); 
content.innerHtml = ''; 
links.foreach(a => { 
    content.appendChild(a); 
});