Change element color by setting the color style : Color : Style JAVASCRIPT TUTORIALS

Ajax
Ajax Examples Ajax Tutorials Scripts and Programs
Javascript
Javascript Examples Tutorials DHTML Tutorials Javascript References Scripts and Programs
HTML
HTML Tutorials HTML References HTML DOM 0 References HTML DOM 2 References
CSS
CSS Tutorials CSS References
PHP
PHP Source Code PHP References Scripts and Programs
C#
C# Source Code C# Examples

JAVASCRIPT TUTORIALS » Style » Color »

Change element color by setting the color style



<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
<!--
function colorchange()
{
    head1.style.color = "red";
}

function colorchangeback()
{
    head1.style.color = "black";
}
//  -->
</script>
</head>
<body>
<h1 id="head1" onMouseover="colorchange()" onMouseout="colorchangeback()">
Welcome to this page!</h1>
<P>A lot of interesting text goes here!</p>
</body>
</html>