`
haibin369
  • 浏览: 58608 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Javascript与元素大小

阅读更多

1. offsetHeight:

元素在垂直方向上占用的空间大小,以像素计。包括元素的高度、(可见的)水平滚动条高度、上边框高度和下边框高度。

2. offsetWidth:

元素在水平方向上占用的空间大小,以像素计。包括元素的宽度、(可见的)垂直滚动条宽度、左边框高宽和右边框宽度。

3. offsetLeft:

元素的左外边框至包含元素的左内边框之间的像素距离。

4. offsetTop:

元素的上外边框至包含元素的上内边框之间的像素距离。



5. clientWidth:

元素内容区宽度加上左右内边距宽度(不包括边框宽度)。

6. clientHeight:

元素内容区高度加上上下内边距高度(不包括边框高度)。



7. scrollHeight:

在没有滚动条的情况下,元素内容的总高度。

8. scrillWidth:

在没有滚动条的情况下,元素内容的总宽度。

9. scrollLeft:

被隐藏在内容区域左侧的像素数。

10. scrollTop:

内隐藏在内容区域上方的像素数。



 

  • 大小: 25.7 KB
  • 大小: 22.8 KB
  • 大小: 21.7 KB
分享到:
评论

相关推荐

    Javascript元素位置、大小、鼠标定位操作

    Javascript元素位置、大小、鼠标定位操作

    用JavaScript获取DOM元素位置和尺寸大小的方法

    本篇文章,小编为大家介绍关于用JavaScript获取DOM元素位置和尺寸大小的方法,有需要的朋友可以参考一下

    利用JavaScript实现拖拽改变元素大小|angluo-javascript-173722.pdf

    本文主要介绍了JavaScript实现拖拽改变元素大小的原理及具体实例分析,具有很好的参考价值,需要的朋友一起来看下吧

    JavaScript监听一个DOM元素大小变化

    主要介绍了JavaScript监听一个DOM元素大小变化,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    Javascript dom位置、大小、鼠标定位操作

    做了这么久web开发,凡是涉及用js操作dom元素位置、测量dom元素大小时就心虚,因为js整整提供了二十几个属性对dom元素的位置、大小进行操作。比如:clientTop、offsetTop、scrollTop、clientWidth、offsetWidth、...

    JavaScript获取元素尺寸和大小操作总结

    本文总结了使用JavaScript获取指定元素大小、位置的几种方式。如果你用的是JQuery,则获取元素大小是非常简单的。但是我们还是有必要知道如何通过原生JavaScript来获取,需要的朋友可以参考下

    flexFont.js:Javascript库,用于基于其父元素宽度的自适应字体大小

    Javascript库,用于基于其父元素宽度的自适应字体大小。 查看现场演示 用法 添加 < script src =" http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js " > </ script > < script type =...

    javascript获取元素偏移量的方法有哪些

    javascript中可以通过四个属性获得元素的偏移量,offsetHeight、offsetWidth、offsetLeft、offsetTop,下面为大家解释下各属性的含义

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    20、原生JavaScript元素显示的通用方法 21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现 22、原生JavaScript中兼容浏览器绑定元素事件 23、原生JavaScript光标停在文字的后面,...

    rotate.rar

    原生javascript实现上下左右中间八个点控制元素大小旋转角度及拖拽位置代码,可以拖动元素的八个点进行控制元素的宽高,旋转角度,拖拽位置等等。

    使用jQuery监听DOM元素大小变化

    今天写页面的时候突然有这么个需求,由于父元素(一个DIV)的height是由javascript计算出来的固定的值,而在其中增加了一个多说插件,在用户评论后,子元素(DIV)的height属性增加,导致子元素溢出。但是又不知道...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、...17.13 改变页面大小 346

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    第9章 大小、定位、轮廓相关属性 250 9.1 width、height相关属性 251 9.2 定位相关属性 255 9.3 轮廓相关属性 257 9.4 用户界面和滤镜属性 258 9.5 本章小结 263 第10章 盒模型与布局相关属性 264 10.1 盒...

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

     offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度高度) 注:返回的数值不带单位 offset 系列常用的属性...

    JavaScript经典实例

     8.6根据页面大小修改图像尺寸  8.7在CMS模板页面中创建面包屑路径  8.8将一个动态页面加入书签  8.9针对后退按钮、页面刷新来保持状态  第9章表单元素和验证  9.0简介  9.1访问表单文本输入值  9.2动态关闭...

    疯狂HTML5\CSS3\JavaScript讲义-源代码

    第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形与动画相关属性 第三部分 第13章 JavaScript语法详解 第14章 DOM编程详解 第15章 事件...

    程序天下:JavaScript实例自学手册

    第12章 窗口特效与弹出式警告 12.1 无关闭按钮的窗口 12.2 鼠标控制窗口开关 12.3 使窗口只第一次访问时弹出 12.4 禁止弹出警告框 12.5 关闭窗口不提示的方法 12.6 关闭窗口时的提示 12.7 定时弹出窗口 12.8 调整...

Global site tag (gtag.js) - Google Analytics