生活随笔
收集整理的这篇文章主要介绍了
offset;scroll;client
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
DOM元素对象的属性/方法之offset(Height,Width,Left,Parent,Top);scroll(Height,Width,Left,Top);client(Height,Width);
一、相对位置
offsetHeight: 返回，任何一个元素的高度包括边框和填充，但不是边距;offsetWidth: 返回元素的宽度，包括边框和填充，但不是边距;offsetLeft: 返回当前元素的相对水平偏移位置的偏移容器;offsetTop: 返回当前元素的相对垂直偏移位置的偏移容器;offsetParent: 返回元素的偏移容器; 二、滚动距离scrollHeight: 返回整个元素的高度（包括带滚动条的隐蔽的地方）;scrollLeft: 返回当前视图中的实际元素的左边缘和左边缘之间的距离;scrollTop: 返回当前视图中的实际元素的顶部边缘和顶部边缘之间的距离;scrollWidth: 返回元素的整个宽度（包括带滚动条的隐蔽的地方）; 三、可视距离clientHeight: 在页面上返回内容的可视高度（不包括边框，边距或滚动条）;clientWidth: 在页面上返回内容的可视宽度（不包括边框，边距或滚动条）;<!DOCTYPE html>
<html lang=
"en"><head><meta charset=
"utf-8"></head><style
type=
"text/css">* {padding:0;margin:0;}</style><body><div id=
"offset">offset...</div><script
type=
"text/javascript">console.log(offset.offsetWidth +
',' + offset.offsetHeight +
','+ offset.offsetTop +
','+ offset.offsetLeft +
',' + offset.offsetParent);//200,200,,20,20;// 设置offset的紧邻父级元素bodybackground =
'red';offset.offsetParent.style.background =
'#e1e1e1'; //$(
"body").offsetParent().css(
"background-color",
"red");alert(offset.offsetHeight = 999);//可以虚拟性的更改其值;</script></body>
</html>
复制代码
总结
以上是生活随笔为你收集整理的offset;scroll;client的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。
