javacスクリプトでSVGを文書の先頭に挿入します。

Question

私の角型プロジェクトでは、svgスプライトを使用します。私は、このように使用css-tricks post見ると、この記事でpage.andの先頭にSVGスプライトを注入するinclude_onceと方法に言及：

<svg viewBox="0 0 100 100" class="icon shape-codepen"> 
    <use xlink:href="#shape-codepen"></use> 
</svg> 

は、どのように私はjavascriptの方法でそれを行うことができますか？おかげさまで

Answer 1

あなたはこれを達成するためにボディのonloadに機能の下に呼び出すことができます：

function loadSvgTag() { 
     var svgTag = '<svg viewBox="0 0 100 100" class="icon shape-codepen">use xlink:href="#shape-codepen"></use></svg>'; 
     document.body.innerHTML = svgTag+document.body.innerHTML; 
}