title: Mouseover & Mouseout w/ Javascript
body: <p>I'm trying to call functions for mouseover and mouseout. I've tried a variety of different solutions that I've found here with no luck.</p>
  
  <p>Here's where I'm at. Please explain the solution as I'm interested in understanding the issue and not just looking for a quick fix.</p>
  
  <pre><code>function MouseOver(elem) {
  document.getElementsByName(elem).style.color("white");
  }
  
  function MouseOut(elem) {
  document.getElementsByName(elem).style.color("black");
  }
  
  &lt;nav id="frame-link"&gt;
  &lt;a href="index.html" name="home" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);"&gt;Home&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>