JavaScript、关于元素的offset~和client~

【JavaScript、关于元素的offset~和client~】的更多相关文章

JavaScript、关于元素的offset~和client~

1.偏移量(offset dimension) =>offsetLeft(元素距离其父元素左边框(/上边框)的距离) =>offsetTop =>offsetWidth(元素的宽度/高度,包括元素的内容.内边距和边框) =>offsetHeight =>offsetParent(元素的父元素) 2.客户区的大小(client dimension) =>clientWidth(元素的宽度(/高度),包括元素的内容和内边距) =>clientHeight 注意:浏…

JavaScript offset、client、scroll家族

offsetParent <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- offset demension 偏移量定位父级 offsetParent 如果没有定位找body offsetLeft offsetTop offsetHeight offset…

offset、client、scroll开头的属性归纳总结

HTML元素有几个offset.client.scroll开头的属性,总是让人摸不着头脑.在书中看到记下来,分享给需要的小伙伴.主要是以下几个属性: 第一组:offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent 第二组:clientWidth,clientHeight,clientLeft,clientTop 第三组:scrollWidth,scrollHeight,scrollLeft,scrollTop 详细定义如下: 1.1…

offset 、 client 和 scroll - PC端网页特效

1.元素偏移量 offset 系列 1.1 offset 就是偏移量,使用 offset 系列相关属性可以动态得到该元素的位置(偏移).大小等. 注意: 1.获得元素距离带有定位父元素的位置 2.获得元素自身的大小(宽度和高度) 3.返回的数值都不带单位 1.2 offset 系列常用属性(元素以带有定位的父亲为准,如果没有父亲,或者父亲没有定位,则以 body 为准) element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft …

JavaScript通过元素id和name直接获取元素的方法

概览: 偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用. 虽然说这种用法不是标准用法,推荐使用 document.getElementById(id);document.getElementByName(name); ,但也是一种新发现,先记录下来,以备后用. 本文讲述了JavaScript通过元素id和name直接获取元素的方法,以及自己在实践过程中总结的注意事项. 具体…

javascript中元素的scrollLeft和scrollTop属性说明

再说意义之前,前说一下这两个属性的适用范围: 注意:这两个属性只能用于元素设置了overflow的css样式中.否者这两个属性没有任何意义.且overflow的值不能为visible,但可以为hidden,auto,scroll的之中,但是hidden最常见. 注意:在对这两个参数设置值时,直接用数字就可以了,否者不起作用. javascript中元素的scrollLeft和scrollTop属性的参数意义: scrollLeft:是该元素的显示(可见)的内容与该元素实际的内容的距离. 即设置s…