title: Working with SVG polygon elements
body: <p>I'm trying to work with an SVG polygon and javascript. I create a polygon and set its initial point list like this:</p>
  
  <pre><code>var polygon = document.createElementNS('http://www.w3.org/2000/svg','polygon');
  polygon.setAttribute("points", "0,0  100,100 200,200");
  </code></pre>
  
  <p>now what do I do if I want to modify the 2nd point (100,100)? Right now I'm basically reconstructing the whole string again. But can we address "polygon.points" as an array somehow, or is it really just a plain simple string? This can work ok for very simple polygons, but if my polygon eventually has hundreds of point pairs, I'd hate to reconstruct the entire "points" attribute as a string every time I want to modify a single element.</p>
  
  <p>Thanks</p>