offsetLeft与style.left的对比：

style.left返回的是字符串，是可读写的，而offsetLeft是只读的

style.left的值需要提前定义，否则取值为空

body可以看作整个页面

div1是body的子元素

    offsetleft是div1子元素相对于父元素body的左位移

    offsetTop是div1子元素相对于父元素body的顶部位移

div2是div1的子元素

    offsetleft是div2子元素相对于父元素div1的左位移

    offsetTop是div2子元素相对于父元素div2的顶部位移

offsetHeight是元素的高offsetWidth是元素的宽，不包括滚动条

clientY和clientX是鼠标的X\Y坐标相对于整个页面，而不是子元素

onmouseover:会在鼠标指针移动到指定的对象上时发生。

onmouseout：会在鼠标指针移出指定的对象时发生。

onmousemove：会在鼠标指针移动时发生。

offsetLeft与style.left对比

1. style.left返回的时字符串，如30px，offsetLeft返回的是数值30；

2. style.left是可读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left

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

offsetLeft、offsetTop是相对于父容器来说的，

clientX、clientY是相对于窗口来说的

制作放大镜特效所需的技术点

offsetLeft、offsetTop是相对于父容器来说的，

clientX、clientY是相对于窗口来说的

offsetLeft与style.left的区别

offsetWidth、offsetHeight不包含滚动条

onmouseover

onmouseout

onmousemove

offsetLeft与style.left对比

1. style.left返回的时字符串，如30px，offsetLeft返回的是数值30；

2. style.left是可读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left

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

onmouseover：会在鼠标指针移动到指定的对象上时发生

onmouseout：会在鼠标指针移出指定的对象时发生

onmousemove：会在鼠标指针移动时发生

offsetLeft与style.left的区别

位置获取