title: Not able to create svg
body: <p>I am trying to create a <code>svg</code>, <code>polyline</code> using javascript. </p>
  
  <p>Though it is rightly creating &amp; appending the elements but the <code>polyline</code> is not drawing on the screen.</p>
  
  <pre><code>var _button = document.createElement('button');
      _button.id = "scrollToTop";
      _button.class = "";
  
      var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
      svg.setAttribute('style', 'border: 1px solid black');
      svg.setAttribute('width', '600');
      svg.setAttribute('height', '250');
      svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
  
      var _polyline = document.createElement('polyline');
      _polyline.setAttribute("fill", "#006600");
      _polyline.setAttribute("stroke", "#FFFFFF");
      _polyline.setAttribute('stroke-width', '1');
      _polyline.setAttribute('stroke-linecap', 'round');
      _polyline.setAttribute('stroke-linejoin', 'round');
      _polyline.setAttribute("points", "10,52  60,52  35,0");
  
  document.getElementById('scrollToTop').appendChild(svg).appendChild(_polyline);
  </code></pre>
  
  <p>Please help to resolve this problem</p>
  
  <p><a href="https://jsfiddle.net/vasi_32/yr6nqL0j/" rel="nofollow"><strong>JSFIDDLE</strong></a></p>