title: Can't find flowed text element by ID in SVG
body: <p>I've been playing with animation in an SVG:
  <a href="http://imgh.us/renamon-animtest.svg" rel="nofollow noreferrer">http://imgh.us/renamon-animtest.svg</a> (links to script &quot;anim.js&quot;)</p>
  <p>In the <code>window.onload</code> event, I have:</p>
  <pre><code>function init(evt) {
      if(window.svgDocument == null) {
          if(evt.target &amp;&amp; evt.target.ownerDocument)
              svgDocument = evt.target.ownerDocument;
          else if(evt.originalTarget &amp;&amp; evt.originalTarget.ownerDocument)
              svgDocument = evt.originalTarget.ownerDocument;
          else svgDocument = document;
      }
      
      _debug = svgDocument.getElementById('debug');
      alert(_debug.firstChild.nodeValue);
  
      for(i = 0; i &lt; 1; i++)
          balls[i] = svgDocument.getElementById('ball' + i);
      setInterval(loop, 50);
  }
  </code></pre>
  <p>It can find the 'ball' objects fine, but not the 'debug' object (<code>getElementById</code> returns <code>null</code>). I can see it in the source, so why can't the script find it?</p>