dom事件/属性

onmouseover 鼠标移到某元素之上

  div.onmouseover = function(){
           //'#ccc'十六进制的颜色值 
            div.style.background = '#ccc'
        }
         onmouseout	鼠标从某元素移开 
        div.onmouseout = function(){
            div.style.background = 'none'
        }
        onmousedown	鼠标按钮被按下 
        div.onmousedown = function (){
            alert('鼠标被按下，还没有松开的时候触发')
        }
        onmousedown	鼠标按钮抬起的时候触发 
        div.onmouseup = function (){
            alert('鼠标抬起的时候触发')
        }

属性

offsetWidth = content 宽度 + 左右的padding + 左右的border

  // console.log( divDom.offsetWidth );
        // console.log( divDom.offsetHeight );
        /* clientWidth = content 宽度 + 左右的padding */
        // console.log( divDom.clientWidth );
        // console.log( divDom.clientHeight );

在正常文档流下 offsetLeft（13） = body的margin-left（8） + divDom的margin-left（5）

     脱离文档流的情况下 offsetLeft（25） = divDom的left（20） + divDom的margin-left（5）
    
     console.log(divDom.offsetLeft);
  在正常文档流下 offsetTop（8） = body的margin-top（8）
    脱离文档流的情况下 offsetTop（15） = divDom的top（10） + divDom的margin-left（5）
   console.log(divDom.offsetTop);