HTMLElementはDOMに追加されません。どうして？

Question

私は別のテンプレートファイル（html）を持っています。私はこれがメインページに複数回HTMLオブジェクトを生成しロードする必要があるので、私は次のことを実行します。

const path = "/templates/news.tpl.html"; 
const template = await Dbc.Dom.loadTemplate({ 
    id : "news-block", 
    path: path 
}); 

document.body.appendChild(template); 
document.body.appendChild(template); 

まず、関数は、ファイルからコンテンツを取得し、現在のDOMに追加します。戻り値として、追加されたHTMLElementオブジェクトを返します。

このオブジェクトをもう一度追加しようとすると、document.body.appendChild()関数を使用して標準的な方法を使用していますが、現在のDOMには1つのテンプレートオブジェクトしか表示されません。

Answer 1

子を追加するだけで、あなたのオブジェクトが最後に置き換えられます。 あなたがこののcloneNodeを

ソート使用する必要があります：右、だから、_one_ `HTMLElement`が追加さ_is_

document.body.appendChild(template); 
document.body.appendChild(template.cloneNode(true));