Change color of font using javascript

[abhubbart]

I want change the color on the font to red for the text within the div element.

I have the following code.

[HTML]
<style type="text/css">
.style2 {color: #000000}
</style>
[/HTML]

<script language="JavaScript" type="text/JavaScript">
function radio1(){
document.form1.test12.style.color="#FF0000";}
</script>

[HTML]
<form name="form1" method="post" action="submit.php">
<p class="style2"><input name="radType" type="radio" onClick="radio1()" value="new">Change to red.</p>

<div id="test12"><p class="style2">You agree to the following by checking this box and clicking submit.</p></div>

</form>[/HTML]


I think that is the code, I cut out the extra stuff...My page works fine except changing that font color. please ignore any mistakes i might have made in copying.

I hope this makes sense.

[gits]

hi ...

instead of:

document.form1.test12
 

use:

document.getElementById('test12')
 

kind regards

[abhubbart]

hi ...

instead of:

document.form1.test12
 

use:

document.getElementById('test12')
 

kind regards

I made the change you suggested. Although, I don't receive any errors. I don't get the desired results. I want the text in the html to change to red when the radio button is clicked.

[gits]

hi ...

there has to be another error ... is the function called?

try this ... that works:

[HTML]
<div id="test" style="color: green;">test</div>
<input type="button" value="red it :)" onclick="document.getElementById('test').style.col or = 'red';"/>
[/HTML]
kind regards

[abhubbart]

Thank you so much for you help. The only thing i can figure out that was stopping it was the fact that i had the class defined in the <p> tag instead of the <div> tag. At any rate, i have it working now.

Thanks again.

[gits]

glad to hear you got it working ... post back to the forum anytime you have more quetsions ...

kind regards