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不需提前定义，直接获取