title: Trouble accessing svg path attributes
body: <p>I am working with html5, js &amp; css3.</p>
  
  <p>I have the following code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;object id="bottom" data="img/model/skirt.svg"
  title="bottom" type="image/svg+xml" width="325"
  height="500"&gt; &lt;/object&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var b = document.getElementById("bottom");
  b = b.getSVGDocument().getElementById("here");
  alert(b);
  </code></pre>
  
  <p>, which gives me "object SVGPathElement".</p>
  
  <p>But when I try to access the fill property I get an "undefined" message.
  <code>alert(b.fill);</code> for example.</p>
  
  <p>The fill property is definitely set in the svg file. I'm obviously missing something though. Any pointers appreciated.</p>