3-6变成问题

3-6变成问题

 <!DOCTYPE html>
<html>
    <head>
   <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=init;
      function init(){
    var color =document.getElementById("color");
    color.onchange=function(){
     var bgcolor=this.value;
     var menu=document.getElementById("div");
     if (bgcolor=="0") {
     menu.style.backgroundColor="#fff";
     menu.innerHTML="我没有发生任何变化";
     }else{
     menu.style.backgroundColor=bgcolor;
     menu.innerHTML="我的背景颜色变成了+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>

请问一下我这段代码哪里有问题

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

menu.innerHTML="我的背景颜色变成了+bgcolor+色";这行代码最后的分号";"应该是英文状态下的,你的是中文状态下的。

  • 从何说起_ 提问者 #1
    感谢 是这样的 粗心了
    2017-04-12 21:31:06
  • 从何说起_ 提问者 #2
    非常感谢!
    2017-04-13 12:08:15
  • web_東 #3
    menu.innerHTML="我的背景颜色变成了+bgcolor+色" 因该改成menu.innerHTML="我的背景颜色变成了"+bgcolor+"色";
    2017-04-15 23:37:25
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师