title: Is there some innerHTML replacement in SVG/XML?
body: <p>In HTML I can build a simple templating system by providing a template in form of a string, replace some parts of it and then assign it using <code>innerHTML</code> to some container.</p>
  
  <pre><code>var templ = '&lt;span&gt;{myText}&lt;/span&gt;'
  var newContent = templ.replace( '{myText}', someVariable );
  document.querySelector( '#myContainer' ).innerHTML = newContent;
  </code></pre>
  
  <p>This way I can take advantage of the browser's HTML parser and do not have to repeatedly use <code>document.createElement()</code>. The later can be quite cumbersome, if the templates grows beyond a few elements.</p>
  
  <p>In SVG, however, there is no property on the elements as <code>innerHTML</code> or even <code>innerSVG</code> for that matter.</p>
  
  <p>So my question is: <strong>Is there anything I can use in SVG ro resemble the approach from the example above or am I stuck with <code>document.createElement()</code> (or respectivly some lib that uses it)?</strong></p>
  
  <p><sub>As always with my questions: Vanilla JavaScript solutions are preferred, but any pointer to a lib providing a solution is appreciated.</sub></p>