请老师帮我看一下我这个代码为什么实现不了效果

请老师帮我看一下我这个代码为什么实现不了效果

<!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=lch;

      function lch(){

          var color=document.getElementById("color");

          var div=document.getElementById("div");

          color.onchange=function(){

              var bgcolor=this.value;

              if(bgcolor=""){

                  document.body.style.background="#fff";

                  document.div.innerHTML="我没变。变得是这个世界";

              }

              else{

                  document.body.style.background=bgcolor;

                  document.body.innerHTML="我的背景颜色变成了:";

              }

          }

      }

   </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>


正在回答

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

2回答

你好,这里的确是改变div的颜色哦。另文字改变可以把你获取到的value拼接下,例:

http://img1.sycdn.imooc.com//climg/5b84c8e700013aa709880181.jpg

若能解决你的疑问,望采纳。

祝学习愉快~

好帮手慕糖 2018-08-28 11:34:57

你好,1、这里的文字与背景颜色,直接改变div的即可。

2、一个等号是赋值,两个等号才是判断,这里应该是两个等号,且,这里请选择的value是0,所以可以判断其是否等于0 ,例:

http://img1.sycdn.imooc.com//climg/5b84c2940001dc8708430757.jpg

若能帮助到你,望采纳。

祝学习愉快~

  • 提问者 慕粉2549829 #1
    好的!谢谢!是因为这个颜色改变是在那个div里面是把?还有那个颜色改变之后文字变成我的背景颜色变成了:----后面这个文字怎么让她随着背景颜色切换呢?
    2018-08-28 11:42:01
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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