搞不懂错在哪里了

 <script type="text/javascript">
	       window.onload=function(){
	       	var bg=document.getElementById("color");
	       	bg.onchange=function(){
	       		var menu=document.getElementById("div");
	       		var bgcolor=this.value;
	       		if(bgcolor=="0"){
	       			menu.innerHTML="我没有发生任何变化";
	       		}else{
	       			menu.style.backgroundColor="value";
	       		}
	       	}
	       }//补充代码
	    </script>

慕雪0323865 2017-03-13

源自：JavaScript DOM事件 3-10 事件类型（onchange）

收起

1回答

小于飞飞回答被采纳获得+3积分 2017-03-13 21:50:40

你好，第10行不是等于"value"，应该是menu.style.backgroundColor=bgcolor; 因为把该存在变量bgcolor中，希望对你有帮助，祝学习愉快，欢迎采纳。

收起回答

慕雪0323865 提问者 #1

<html> <head lang="en"> <meta charset="UTF-8"> <title>onchange()</title> <style type="text/css"> #div{ width:300px; height:300px; border:2px solid gray; margin:100px 0 0 200px; } </style> <script type="text/javascript"> window.onload=function(){ var bg=document.getElementById("color"); bg.onchange=function(){ var menu=document.getElementById("div"); var bgcolor=this.value; if(bgcolor==0){ menu.innerHTML="我没有发生任何变化"; }else{ menu.innerHTML="我的背景颜色变成了"+bgcolor+"色"; menu.style.backgroundColor=bgcolor; } } }//补充代码 </script> </head> <body> <div> <span>请选择您喜欢的颜色:</span> <select id="color"> <option value="0">请选择</option> <option value="yellow">黄色</option> <option value="orange">橘色</option> <option value="pink">粉色</option> <option value="purple">紫色</option> </select> </div> <div id="div">我是div</div> </body> </html> 我自己找到错误了= =现在写好了谢谢老师

2017-03-13 21:57:52
小于飞飞回复提问者慕雪0323865 #2

解决就好，棒棒哒，加油，祝学习愉快。

2017-03-13 22:25:49