I'm trying to alter the color a field from OnLoad() using getElementsByName. HTML & script run but no color change.
(Eventually I'll loop thru and alter a whole bunch of fields.)
If anyone has a working sample of color changing/highlighting using getElementsByName and looping through, would REALLY appreciate it.
Thanks.
Milt.
<html>
<head>
<script>
function hue() {
alert('in hue function');
var e=document.getElementsByName("top");
for(var i=0; i<e.length; i++)
{
alert('In top');
e.style.backgroundColor = Blue;
}
} // End of Hue
</script>
</head>
<body
onLoad="hue()"
>
<a name="top">Sports Page<br><br></a>
<div class="mxb"><b>Soccer Table</b></div>
<table border="1" cellpadding="1" cellspacing="0" class="indextable">
<tr>
<td class="c1"> </td>
<td class="c2"> </td>
<td class="c3"><div class="mvb"><span class="rhst">P</span></div></td>
<td class="c4"><div class="mvb"><span class="rhst">GD</span></div></td>
<td class="c5"><div class="mvb"><span class="rhst">PTS</span></div></td>
</tr>
<tr class="r2">
<td class="c1">1</td>
<td class="c2"><a href="any.html">Chelsea</a></td>
<td class="c3">38</td>
<td class="c4">50</td>
<td class="c5">91</td>
</tr>
<tr class="r1">
<td class="c1">2</td>
<td class="c2"><a href="any2.stm">Man Utd</a></td>
<td class="c3">38</td>
<td class="c4">38</td>
<td class="c5">83</td>
</tr>
</body>
</html>
(Eventually I'll loop thru and alter a whole bunch of fields.)
If anyone has a working sample of color changing/highlighting using getElementsByName and looping through, would REALLY appreciate it.
Thanks.
Milt.
<html>
<head>
<script>
function hue() {
alert('in hue function');
var e=document.getElementsByName("top");
for(var i=0; i<e.length; i++)
{
alert('In top');
e.style.backgroundColor = Blue;
}
} // End of Hue
</script>
</head>
<body
onLoad="hue()"
>
<a name="top">Sports Page<br><br></a>
<div class="mxb"><b>Soccer Table</b></div>
<table border="1" cellpadding="1" cellspacing="0" class="indextable">
<tr>
<td class="c1"> </td>
<td class="c2"> </td>
<td class="c3"><div class="mvb"><span class="rhst">P</span></div></td>
<td class="c4"><div class="mvb"><span class="rhst">GD</span></div></td>
<td class="c5"><div class="mvb"><span class="rhst">PTS</span></div></td>
</tr>
<tr class="r2">
<td class="c1">1</td>
<td class="c2"><a href="any.html">Chelsea</a></td>
<td class="c3">38</td>
<td class="c4">50</td>
<td class="c5">91</td>
</tr>
<tr class="r1">
<td class="c1">2</td>
<td class="c2"><a href="any2.stm">Man Utd</a></td>
<td class="c3">38</td>
<td class="c4">38</td>
<td class="c5">83</td>
</tr>
</body>
</html>