title: How do I add coordinates to an SVG polyline?
body: <p>How do I add coordinates to an existing SVG polyline with JavaScript?</p>
  
  <pre><code>&lt;svg height="240" width="700" id='svg'&gt;
      &lt;polyline points="0, 240 40, 25 60, 40 80, 120 120, 140 200, 180 500, 120 600, 5" style="fill:none;stroke:#000;stroke-width:3" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I am using IE 9 (in a .hta file) and need to be able to dynamically append new points to the polyline. The goal is to be able to create a line graph. I apologize in advance, I have absolutely no idea how to reference this attribute. Any guidance for this would be greatly appreciated.</p>