Javascript + CSS + links

[FredBospeer]

Goeiendag,

Kan iemand mij uitleggen hoe ik onderstaande code moet aanpassen om te zorgen dat niet alleen de achtergrondkleur maar ook de tekst en/of link kleur verandert?

style.href.color style.alink.color of style.color werkt niet, alleen de style.backgroundColor werkt en die verandert dan ook bij een mouseover.

Bedankt voor de moeite, Fred

<script type='text/javascript'>

function change(color) {
document.getElementById('myTable').style.backgroundColor = color;

}

</script>
<table>
<tr>
<td id="myTable" onMouseover="change('#000000');"><a href="#" >Link</a> Tekst<br></td>
</tr>
</table>

 

[Robin S]

Je zou voor links apart de kleur kunnen zetten:
[JS]
function change(color) {
document.getElementById('myTable').style.backgroundColor = color;
document.getElementById('myTable').firstChild.style.color = color;
}[/JS]
of
[JS]function change(color) {
var el = document.getElementById('myTable')
el.style.backgroundColor = color;
var as = el.getElementsByTagName("a");
for (var i = 0; i < as.length; i++) {
as.style.color= color;
}

}[/JS]
maar ik heb niet zoveel verstand van CSS. Daarmee zijn er vast eleganter oplossingen