js获取元素相对于父元素的位移，获取元素本身的宽高

js获取元素相对于父元素的位移，获取元素本身的宽高

1. offsetLeft 、offsetTop

     用于获取子元素相对于父元素的位移（左位移、上位移）

           console.log(oNode.offsetLeft);

2. offsetWidth、offsetHeight

     用于获取元素的可见宽度和可见高度

           console.log(oNode.offsetWidth);

3. clientX 、clientY

     用于获取鼠标坐标（相对于页面的坐标）

          var event = event || window.event;

           console.log(event.clientX);

offsetLeft与style.left的区别

1.     style.left返回的是字符串      //30px

         offsetLeft返回的是数值        //30

2.     style.left可读可写

        offsetLeft只读

3. style.left的值需事先定义，否则取到的值为空

        offsetLeft不需提前定义，直接获取