dom元素offsetleft

dom元素offsetleft

ID:38191406

大小:39.00 KB

页数:3页

时间:2019-05-24

dom元素offsetleft_第1页
dom元素offsetleft_第2页
dom元素offsetleft_第3页
资源描述:

《dom元素offsetleft》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、offsetLeft、clientHeight、scrollLeft、clientLeft1、offsetLeft假设obj为某个HTML控件。obj.offsetTop指obj距离上方或上层控件的位置,整型,单位像素。obj.offsetLeft指obj距离左方或上层控件的位置,整型,单位像素。obj.offsetWidth指obj控件自身的宽度,整型,单位像素。obj.offsetHeight指obj控件自身的高度,整型,单位像素。我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。例如:

2、="button"value="提交">

“提交”按钮的offsetTop指“提交”按钮距“tool”层上边框的距离,因为距其上边最近的是“tool”层的上边框。“重置”按钮的offsetTop指“重置”按钮距“tool”层上边框的距离,因为距其上边最近的是“tool”层的上边框。“提交”按钮的offsetLeft指“提交”按钮距“tool”层左边框的距离,因为距其左边最近的是“tool”层的左边框。“重置”按钮的offsetLeft指“重置”按钮距“提交”按钮右边框的距离,因为

3、距其左边最近的是“提交”按钮的右边框。以上属性在FireFox中也有效。另外:我们这里所说的是指HTML控件的属性值,并不是document.body,document.body的值在不同浏览器中有不同解释(实际上大多数环境是由于对document.body解释不同造成的,并不是由于对offset解释不同造成的),点击这里查看不同点。标题:offsetTop与style.top的区别预备知识:offsetTop、offsetLeft、offsetWidth、offsetHeight我们知道offsetTop可以获得HTML元素距离上方或外层元素的位

4、置,style.top也是可以的,二者的区别是:一、offsetTop返回的是数字,而style.top返回的是字符串,除了数字外还带有单位:px。二、offsetTop只读,而style.top可读写。三、如果没有给HTML元素指定过top样式,则style.top返回的是空字符串。offsetLeft与style.left、offsetWidth与style.width、offsetHeight与style.height也是同样道理。标题:clientHeight、offsetHeight和scrollHeight我们这里说说四种浏览器对doc

5、ument.body的clientHeight、offsetHeight和scrollHeight的解释,这里说的是document.body,如果是HTML控件,则又有不同,点击这里查看。这四种浏览器分别为IE(InternetExplorer)、NS(Netscape)、Opera、FF(FireFox)。2、clientHeightclientHeight大家对clientHeight都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。o

6、ffsetHeightIE、Opera认为offsetHeight=clientHeight+滚动条+边框。NS、FF认为offsetHeight是网页内容实际高度,可以小于clientHeight。scrollHeightIE、Opera认为scrollHeight是网页内容实际高度,可以小于clientHeight。NS、FF认为scrollHeight是网页内容高度,不过最小值是clientHeight。简单地说clientHeight就是透过浏览器看内容的这个区域高度。NS、FF认为offsetHeight和scrollHeight都是网页

7、内容高度,只不过当网页内容高度小于等于clientHeight时,scrollHeight的值是clientHeight,而offsetHeight可以小于clientHeight。IE、Opera认为offsetHeight是可视区域clientHeight滚动条加边框。scrollHeight则是网页内容实际高度。同理clientWidth、offsetWidth和scrollWidth的解释与上面相同,只是把高度换成宽度即可。但是FF在不同的DOCTYPE中对clientHeight的解释不同,xhtml1trasitional中则不是如上解

8、释的。其它浏览器则不存在此问题。标题:scrollTop、scrollLeft、scrollWidth、scrollHei

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签