title: modify stroke and fill of svg image with javascript
body: <p>I am trying to modify the stroke and fill of an .svg image.
  I have been getting some information from <a href="https://stackoverflow.com/questions/138309/is-it-possible-to-manipulate-an-svg-document-embedded-in-an-html-doc-with-javasc">Is it possible to manipulate an SVG document embedded in an HTML doc with JavaScript?</a>.</p>
  
  <p>I used javascript to manipulate it, the javascript  in the header:</p>
  
  <pre><code>function svgMod(){
      var s = document.getElementById("svg_img");
      s.setAttribute("stroke","0000FF");
  }
  </code></pre>
  
  <p>the html:</p>
  
  <pre><code>...
  &lt;body onload="svgMod();"&gt;
  &lt;img id="svg_img" src="image.svg"&gt;  
  ...
  </code></pre>
  
  <p>Any help appreciated!</p>
  
  <p>EDIT:1
  I think the main problem here is <em>how to display an svg image as an svg element</em>, an actual image that instead of an ending like .png or .jpeg, uses an ending of .svg, and furthermore how the fill and stroke of it can then be manipulated!  </p>