aendre en CSS-class med Javascript/DOM
Hi,jeg har en css-fil:
style.css
----------------------------
td
{
color: #000000;
background-color: #ff0000;
}
td.test1
{
color: #ffffff;
background-color: #ff0000;
}
td.test2
{
color: #00ff00;
background-color: orange;
}
------------------------
saa en javascript-fil:
javascript.js
-----------------------
function changeCssClass ()
{
/*
i denne stil aendrer jeg en text-color,
en background-color, osv.
document.getElementById('id1').style.color="#0000ff";
men hvad skal jeg lave for at faa 'id1' til at skifte en
hel class???
*/
}
-----------------------
og saa har jeg en html-fil:
test.html
------------------------
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="javascript.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td id="id1" class="test1" onMouseOver="java script:changeCssClass();">
test-tekst
</td>
</tr>
</table>
</body>
</html>
--------------------------
det jeg nu gerne vil have aendret er javascript-filen saadan,
at den med en kommando aendrer 'id1' fra css-class 'test1' til css-class 'test2'
er der nogen som ved, hvordan det kan lade sig goere?
med venlig hilsen
KernelX
