JS 鼠标的移入和鼠标的移出 onmouseover onmouseout

<div style="width:400px;height:400px;background:#123456"></div>
<script type="text/javascript">
    var div = document.getElementsByTagName('div')[0];
    //绑定事件  on 当...时候  mouse鼠标  over 在....之上
    div.onmouseover = function() {
        // alert('你把上放上来干啥???');
        this.style.background = 'pink';
    }

    //鼠标的移出事件  out出去
    div.onmouseout = function() {
        // alert('哎呀呀 别走呀!!!!');
        this.style.background = 'purple';
    }
</script>