title: Javascript: Changing a div's background color to a random color on mouseover
body: <p>I am relatively new to Javascripting and I am aware that there are answers related to this technique, however nowhere have I been able to get all the pieces.</p>
  
  <p>On a webpage, I have created a 10 by 10 grid consisting of 100 identically-sized individual divs.
  When any div is moused-over I want it to display a random background color (mousing across divs, a trail of differently colored divs would be displayed).</p>
  
  <p>Within any given div, the function "fnPickColor" (which creates a color) is activated in this way:</p>
  
  <pre><code>onmouseover ="fnPickColor()"
  </code></pre>
  
  <p>My problem is: having generated the color, I do not know how to put it into the individual div which called the function. I cannot use "getElementById" or the tag-based references since these refer to specific individual divs or groups of them, not to whichever div is currently being moused-over.</p>
  
  <p>I attempted a construct using "this.style.backgroundColor" to transfer the color, however that failed.</p>
  
  <p>I'm sure it's extremely simple - how is this done?</p>