JS 中样式显示（clientWidth和clientHeight、offsetLeft、scrollHeight ）

1.clientWidth和clientHeight
–这两个属性可以获取元素的可见宽度和高度
–这些属性是不带px的，返回都是数字，可以直接计算
–会获取元素的宽度和高度，包括内容区和内边距
–这些属性只能只读，不能修改
var obj=documents.getElementByName(“demo”)
obj.clientWidth=300

2.offsetParent
–获取当前元素的定位父元素
–获取到离当前元素最近的开启定位的祖先元素
–如果所有的祖先元素都没有开启定位，则返回body
obj.offsetParent

2.offsetLeft
–当前元素相对于定位父元素的水平偏移量
如果所有父元素都没有开启定位，则返回body

3.offsetTop
–当前元素相对于其定位父元素的垂直偏移量
–跟offsetTop同理

4.scrollHeight和scrollWidth
–获取元素整个滚动区域的高度和宽度
例如：width:700px; 可见width：400px;隐藏部分:300px; 则scrollWidth的值:700px;

5.scrollLeft //–获取水平滚动条滚动的距离
6.scrollTop //–获取垂直滚动条滚动的距离
–例如：width:700px; 可见width：400px;隐藏部分:300px; 当滚动条滚动到width的值为500px部分，则 scrollLeft的值等于500px-400px=100px. ----scrollTop 也同理
//当满足scrollHeight - scrollTop ==clientHeight -->说明垂直滚动条滚动到底了
//当满足scrollWidth - scrollLeft ==clientWidth -->说明水平滚动条滚动到底了

JS 中样式显示（clientWidth和clientHeight、offsetLeft、scrollHeight ）相关推荐

JS中的offsetWidth, clientWidth, scrollWidth, innerWidth, outerWidth, pageXOffset
value description offsetWidth 返回元素的宽度(包括元素宽度.内边距和边框,不包括外边距) offsetHeight 返回元素的高度(包括元素高度.内边距和边框,不包括外边 ...
js中图片显示用ajax,javascript - 前台用ajax上传图片，怎么让图片上传完成显示的缩略图片的时候显示分辨率大小...
以下是相关代码,现在就是上传上去想让显示以下分辨率,也就是图片的大小,请问应该怎么该才可以,求解答前台上传文件代码 window.οnlοad=function(){ var type=docume ...
js中offsetHeight，offsetWidth，offsetTop,offsetLeft属性的使用
页面偏移属性说明 element.offsetParent 返回元素的偏移容器 element.offsetHeight 返回元素的高度,包括边框和填充,但不是边距 element.offsetW ...
js中div显示和隐藏钮为什么页面总是跳一下到最上面
<div class="menu_left"> <ul > <li id="t1" style="background- ...
js中样式属性的书写规则
JavaScript和css中属性名称有哪些差异? 主要有两个: JavaScript使用驼峰命名法,而css不是. JavaScript的属性值用字符串表示,而css不是. 而导致这两个原因的就是J ...
js中一些常用的基本函数
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象 ...
js中的关键字总结呢
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4. ...
JS中的offsetWidth、offsetHeight、clientWidth、clientHeight等等的详细介绍
javascript中offsetWidth.clientWidth.width.scrollWidth.clientX.screenX.offsetX.pageX 原文:https://www.cn ...
JQuery中width和JS中JS中关于clientWidth offsetWidth scrollWidth 等的含义
JQuery中: 1.width()方法用于获得元素内容所占的宽度: 2.innerWidth()方法用于获得包括内边界(padding)的元素宽度: 算式:innerWidth()=width()+ ...
JS中的offsetLeft和clientLeft和scrollLeft的一些区别
假设 obj 为某个 HTML 控件. obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素. obj.offsetLeft ...

JS 中样式显示（clientWidth和clientHeight、offsetLeft、scrollHeight ）

JS 中样式显示（clientWidth和clientHeight、offsetLeft、scrollHeight ）相关推荐

最新文章

热门文章