Highlighting a div element within another div
<p>I'm trying to alter the background color of a child element.</p>

<p>This is attempted with the code: </p>

<pre><code>arrdiv[i].highlight.style.backgroundColor = "black";
</code></pre>

<p>Where highlight is the name of the div i'm attempting to alter.
This is obviously incorrect, but hopefully it demonstrates what I'm trying to do.</p>

<p>Here is the function:</p>

<pre><code>function mainFormHideShow(id, highlight_id, arrDiv) 
{ 
    var idNum = id*1;
    var l = arrDiv.length;
    var i = idNum%l;
    var highlight = 'highlight' + highlight_id;

    for (var j=0; j&lt;l; j++)
    {
        $(arrDiv[j]).hide();
    }

    arrDiv[i].style.display = "block";

    arrdiv[i].highlight.style.backgroundColor = "black";

}
</code></pre>
