首页 > TAG信息列表 > clientLeft

JavaScript获取DOM元素位置和尺寸大小

JavaScript获取DOM元素位置和尺寸大小 在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript代码,我们需要了解一些基本知识。 基础概念 为了方便理

Web前端之 offsetWidth,clientWidth,scrollWidth,offsetLeft,clientLeft,scrollLeft

                                 Web前端之 offsetWidth,clientWidth,scrollWidth,offsetLeft,clientLeft,scrollLeft 一、写作缘由:            我想,这绝对是一次意外,对,如此的意外,让我莫名其妙的写下了这篇博文 写下这个原因是我在做滚动文字(图片)

scrollLeft/scrollTop,offsetLeft/offsetTop,clientLeft/clientTop

原文链接:http://www.cnblogs.com/acaciasun/p/3337828.html offsetLeft/offsetTop 当前元素距浏览器边界的偏移量,从border边缘算起。 clientTop/clientLeft 这个属性测试下来的结果是=border。 scrollLeft/scrollTop(IE6计算方式不同) 设置或返回已经滚动

style.left offsetLeft offsetwidth clientLeft clientWidth scrollLeft scrollWidth

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax</title><style type="text/css"> *{ margin: 0; padding: 0; } #div1{ width: 400px; height: 40