求助this.innerHTML

<!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"),
       div=document.getElementById("div");
       color.onchange=function(){
       var bgcolor=color.options[color.selectedIndex].value;
       if(bgcolor=="0"){
       div.style.background="#fff";
       div.innerHTML="我没有发生任何变化"
       }else{
       div.style.background=bgcolor;
       div.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>

为何别人都是div.innerHTML="我的背景变成了:"+this.innerHTML; 我不能理解为何要这样写？求助

OlafChou 2017-07-10

源自：JavaScript DOM事件 3-13 编程练习