JS的宽度和高度简介

JS的宽度和高度简介
有时您使用js获取元素位置来定位项目中的元素。首先,之间的关系scrollwidth,clientwidth,和offsetwidth用图片说明。
js是对各种宽度和高度的简单介绍。

scrollheight:获取对象的滚动高度。

ScrollLeft:设置或获取远程对象的左边缘与窗口中当前可见的内容最左端之间

ScrollTop:设置或获取远程对象的顶部之间的顶部窗口中可见的内容

ScrollWidth:获取对象的滚动的宽度

offsetheight:得到家长的高度坐标的对象相对于布局或由家长offsetparent属性指定坐标

offsetleft:获取的对象相对于布局或母坐标的计算offsetparent属性指定的左边位置

offsettop:获取的对象相对于布局或父母的offsettop属性指定坐标计算的顶部位置

相关文件的event.clientx水平坐标

相关文件的event.clienty垂直坐标

event.offsetx相对容器的水平坐标

event.offsety相对容器的纵坐标

价值document.documentelement.scrolltop垂直方向滚动

事件的数量。ClientX + document.documentelement.scrolltop相对于文档的水平坐标和垂直方向

以上主要指IE,Firefox的区别如下:

IE6.0,ff1.06 +:

clientwidth =宽+填充

自己=高度+填充

offsetwidth =宽+填料+边界

offsetheight =高度+填料+边界

IE5.0 / 5.5:

clientwidth =宽边界

自己=高度边界

offsetwidth =宽度

offsetheight =高度

(有必要提一下:在CSS的边缘属性是独立的clientwidth,offsetwidth,自己,offsetheight)。

offsetwidth(宽+填料+边框)

如果obj是一个HTML控件。

obj.offsettop指的是对象的距离或上控制、位置的整数,单位像素。

obj.offsetleft obj指左侧或上控制位置的距离,整数像素单元。

obj.offsetwidth指的是目标控制本身的宽度的整数,单位像素,得到物体的可见内容的宽度,不包括滚动条,和边界是不包括。

obj.offsetheight指的是目标控制本身,高度的整数,单位像素。

offsetwidth和style.width之间的差异

一、offsettop返回一个数字,和style.top返回一个字符串,一个单位除了数量:PX。

二,offsettop只读,而style.top可以读写。

三、如果顶部风格不是HTML元素中指定,然后style.top返回空字符串。

tag:宽度高度简介电脑软件js

相关内容