How can I use onmouseover to change text color

[Provision]

You're looking at this in too much of a complex angle, it's just simple and you don't need so much code.

[Provision]

<script>
function turnRed(x)
{
unitedBrokers.style.color ="#ff0000";
}
</script>
<script>
function turnGrey(x)
{
unitedBrokers.style.color ="#808080";
}
</script>

<a id="unitedBrokers" onmouseover="turnRed()" onmouseout="turnGrey()" style="text-decoration: none">United Brokers Incorporated</a>

I've just tested this and it works

[Dormilich]

still, the CSS solution doesn‘t even require JS:

<a class="color-swap">…</a>

.color-swap {
  color: #888;
}
.color-swap:hover {
  color: #f00;
}

[Provision]

It still works, like he planned

[Dormilich]

even after 5 years …