Set style by property name : setProperty : 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 » setProperty »

Set style by property name



<html>
<head>
<title>Style Example</title>
</head>
<body>
<div id="div1"
     style="background-color: red; height: 50px; width: 50px"
     onmouseover="this.style.setProperty('background-color', 'blue', '')"
     onmouseout="this.style.setProperty('background-color', 'red', '')"></div>
</body>
</html>