title: Change link color on hover javascript only
body: <p>Is it possible to change a certain on hover over another certain item. </p>
  
  <p>For example: </p>
  
  <pre><code>&lt;li&gt;
    &lt;a href="#"&gt;test&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var list = document.getElementById('li');
  var link = document.getElementById('a');
  
  list.onmouseover = function() {
      link.style.color = "#8080ff";
  }
  </code></pre>
  
  <p>If i hover over the <code>li</code> item I want the text inside the <code>a</code> tag to change, but this code is not working.</p>
  
  <p>I cant use css or jquery library.</p>
  
  <p><a href="http://jsfiddle.net/Nt8Pq/40/" rel="nofollow">http://jsfiddle.net/Nt8Pq/40/</a></p>