function error

jigneshjsoni · 04-13-2012, 04:49 PM

Code:

<html>
	<head>
		<script>


		function changeBgColor(){
						document.getElementById("bgc").style.background-color=333333;

		}
		</script>

		<style>
			#bgc{
				width:300px;
				height:100px;
				background-color:#cccccc;
			}
		</style>
	</head>

	<body>
		<p  id="bgc" onmouseover="changeBgColor()">
			Hi There, pls change bg color
		</p>

	</body>
</html>

I am getting following error

"SCRIPT5007: The value of the property 'changeBgColor' is null or undefined, not a Function object eventTest1.html, line 22 character 29"

This is a simple code, why am I getting such a weird error. Whats wrong in here ?

Thanks

M.Jackson · 04-13-2012, 04:58 PM

Your function is trying to assign a number to something that is not a number...

Code:

<html>
	<head>
		<script>
		function changeBgColor()
			{
			document.getElementById("bgc").style.background='red';
			}
		</script>

		<style>
			#bgc{
				width:300px;
				height:100px;
				background-color:#cccccc;
			}
		</style>
	</head>
	<body>
		<p  id="bgc" onmouseover="changeBgColor()">
			Hi There, pls change bg color
		</p>
	</body>
</html>

if you want to use a more specific color, use the full code ( document.getElementById('').style.color='#333333' ).

felgall · 04-13-2012, 10:27 PM

document.getElementById("bgc").style.background-color is invalid syntax - you can't subtract color from document.getElementById("bgc").style.background on the left of an assignment.

Where CSS contains a - the corresponding JavaScript drops the - and capitalizes the next letter

document.getElementById("bgc").style.backgroundColor = '#333';