title: AngularJS - add HTML element to dom in directive without jQuery
body: <p>I have an AngularJS directive in which I want to add a svg tag to the current element of the directive. Right now I do this with the help of jQuery</p>
  
  <pre><code>link: function (scope, iElement, iAttrs) {
  
      var svgTag = $('&lt;svg width="600" height="100" class="svg"&gt;&lt;/svg&gt;');
      $(svgTag).appendTo(iElement[0]);
  
      ...
      }
  </code></pre>
  
  <p>Yet I don't want the directive to depend on jQuery for this simple task. How would I accomplish the same with AngularJS means (or native JavaScript code).</p>