1.clientLeft和clientTop

返回的是内容区域的左上角相对于整个元素左上角的位置（包括边框）

2.clientWidth和clientHeight

表示内容区域的高度和宽度，包括padding大小，但是不包括边框和滚动条

3.offsetLeft和offsetTop

offsetLeft和offsetTop表示相对于最近的祖先定位元素（CSS position 属性被设置为 relative、absolute 或 fixed 的元素）的左右偏移值

4.offsetParent

第一个祖定位元素（即用来计算上面的offsetLeft和offsetTop的元素）

offsetParent元素只可能是下面这几种情况：

<body>
position不是static的元素
body元素为定位元素的终极boss，所以其上头就没有其他定位元素了。也就是说body元素没有offsetParent

5. offsetWidth和offsetHeight

整个元素的尺寸（包括边框）

6.scrollLeft和scrollTop

scrollLeft和scrollTop表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多

7.scrollWidth和scrollHeight

表示整个内容区域的宽高，包括隐藏的部分。如果元素没有隐藏的部分，则相关的值应该等用于clientWidth和clientHeight。当你向下滚动滚动条的时候，scrollHeight应该等用于scrollTop + clientHeight

CSS之元素视图属性相关推荐

CSS之Screen视图属性
1.availWidth和availHeight availWidth和availHeight返回的是显示器可用宽高,注意不包括开始菜单栏这种东东的高度和宽度 2.colorDepth 表示显示器的颜 ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
php 元素添加子元素,css,html_怎么在添加的子元素上继承父元素上已存在的子元素的属性？，css,html,javascript - phpStudy...
怎么在添加的子元素上继承父元素上已存在的子元素的属性? 请问如何使添加后的子元素(tr)也能在鼠标经过前后继续保留其存在的子元素上的属性? dom的基础应用 window.οnlοad=functio ...
css选择器匹配没有属性x的元素[重复]
本文翻译自:css selector to match an element without attribute x [duplicate] This question already has an ...
[css] css的哪个属性可以把所有元素或其父元素的属性重置呢？
[css] css的哪个属性可以把所有元素或其父元素的属性重置呢? all:unset 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣 ...
input里面只有name属性可以用id定位么_Selenium元素定位提高篇 CSS定位元素
CSS(Casading Style Sheets)是一种用于渲染HTML或者XML文档的语言,CSS利用其选择器可以将样式属性绑定到文档中的指定元素.理论上来说无论一个元素定位多复杂都能够定位到元素 ...
Dom基础特殊的节点获取元素节点的内容获取元素的属性 css属性 Dom获取元素的方法
1.Dom基础 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
jQuery修改CSS伪元素属性
CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们. 假设有如下HTML代码: <div class="techbrood" id=&qu ...
《HTML 5+CSS 3入门经典》——第2章　去其糟粕，取其精华——HTML 5 的元素与属性...
第2章去其糟粕,取其精华--HTML 5 的元素与属性 HTML 5 以HTML 4 为基础,对HTML 4 做了大量的修改.本章将从总体上介绍HTML 5 到底对HTML 4 做了哪些修改,HTM ...

CSS之元素视图属性

1.clientLeft和clientTop

返回的是内容区域的左上角相对于整个元素左上角的位置（包括边框）

2.clientWidth和clientHeight

表示内容区域的高度和宽度，包括padding大小，但是不包括边框和滚动条

3.offsetLeft和offsetTop

offsetLeft和offsetTop表示相对于最近的祖先定位元素（CSS position 属性被设置为 relative、absolute 或 fixed 的元素）的左右偏移值

4.offsetParent

第一个祖定位元素（即用来计算上面的offsetLeft和offsetTop的元素）

offsetParent元素只可能是下面这几种情况：

5. offsetWidth和offsetHeight

整个元素的尺寸（包括边框）

6.scrollLeft和scrollTop

scrollLeft和scrollTop表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多

7.scrollWidth和scrollHeight

表示整个内容区域的宽高，包括隐藏的部分。如果元素没有隐藏的部分，则相关的值应该等用于clientWidth和clientHeight。当你向下滚动滚动条的时候，scrollHeight应该等用于scrollTop + clientHeight

CSS之元素视图属性相关推荐

最新文章

热门文章