[HTML 5]挿入DOM文字列テンプレートinsertAdjacentHTMLとして

CONSTアプリ=のdocument.getElementById（' アプリ' ）。
app.innerHTML = `
   <H1> JavaScriptのDOM </ H1> 
  <UL> 
    <LI> 1 </ LI> 
  </ UL> 
`; 

CONST UL = app.querySelector（' UL ' ）。

ul.insertAdjacentHTML（' beforebegin '、' <P>前</ P> '）; // <P>の前に</ P> <UL> <LI> 1 </ LI> </ UL> 
ul.insertAdjacentHTML（' afterbegin '、// <LI>最初ます。</ li> <UL> <LI> 1 </ LI> </ UL> 
ul.insertAdjacentHTML（' beforeend '、' <LI>最終ます。</ li> '）; // <UL> <LI> 1 </ LI> <LI>最後の</ LI> </ UL> 
ul.insertAdjacentHTML（' afterend '、' <P>後</ P> '）; // <UL> <LI> 1 </ LI> </ UL> <p> </ p>タグの後

 'を使用

insertAdjacentHTML

「速いinnerHTMLプロパティを超えています。