title: iframe parent document element
body: <p>This should work according to all the stuff I've looked up, but it just doesn't.</p>
  
  <p>I have a html with a document. It has a div, which contains a specific element which I want to access.</p>
  
  <pre><code>&lt;li&gt;&lt;a href="FAQ.html#" target="page" id="Faq"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The html document also contains an iframe with the FAQ.html, which has the following loadup code:</p>
  
  <pre><code>&lt;script&gt;
  function loaded() {
      parent.document.getElementById("Faq").style.color = "green";}
  &lt;/script&gt;
  </code></pre>
  
  <p>However, nothing happens. What am I doing wrong?
  The error console reports nothing which could facilitate my analasys.</p>
  
  <p>EDIT:
  Here's a basic concept.</p>
  
  <p><a href="https://dl.dropbox.com/u/32831239/Screenshots/htmlstructure.png" rel="nofollow">https://dl.dropbox.com/u/32831239/Screenshots/htmlstructure.png</a></p>
  
  <p>(Unfortunately stackoverflow doesn't let me post images as of now)</p>
  
  <p>The left div should serve as a nav bar. Upon page load, the li entry should be marked with a color (e.g. green).</p>