js 获取元素宽度,JS获取元素高度

js 获取元素宽度,JS获取元素高度,js获取页面及个元素高度、宽度的代码

下面小编就给大家带来一个js访问页面,以及每个元素的高度和宽度的代码。我觉得边肖挺好的。现在分享给大家,给大家一个参考。

可见网页宽度:document . body . client width;

可见区高:document . body . client height;

可见网页的宽度:document.body.offsetWidth(包括边距和滚动条的宽度);

可视区域的高度:document.body.offsetHeight(包括边线的宽度);

网页的全宽:document . body . scroll width;

网页全文高:document . body . scroll height;

被滚走的网页的高度(FF):document . body . scroll top;

被滚走的网页高度(ie):document . document element . scroll top;

被卷开的网页左边:document . body . scroll left;

在主页面:window.screenTop

网页左边部分:window.screenLeft

元素的宽度:obj.offsetWidth

元素的高度:obj.offsetHeight

从元素的上边界到主体顶部的距离:obj.offsetTop(在元素的包含元素不包含滚动条的情况下)

从元素左边界到主体最左边的距离:obj.offsetLeft(在元素的包含元素不包含滚动条的情况下)

返回从当前元素的上边界到其包含元素的上边界的偏移量:obj.offsetTop(如果元素的包含元素包含滚动条)

返回从当前元素的左边界到其包含元素的左边界的偏移量:obj.offsetLeft(如果元素的包含元素包含滚动条)

scrollTop, scrollLeft

或者设置已经滚动到元素左边界或上边界的像素数。这些像素只有在元素有滚动条时才有用,例如,当元素的CSS overflow属性设置为auto时。这些属性也只在文档的body或html标签上定义(这与浏览器有关),它们共同决定了文档滚动的位置。注意,这些属性没有指定iframe标签的滚动量。这是一个非标准但受支持的属性。

以上js采集页面以及各元素的高度和宽度的代码都是边肖分享的内容。希望给大家一个参考,多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • js获取浏览器宽度,js获取浏览器窗口宽度
  • js获取浏览器宽度,js获取浏览器窗口宽度,js 获取屏幕各种宽高的方法(浏览器兼容)
  • js获取本机ip地址的2种方法为,js获取本机ip地址的2种方法是什么
  • js获取本机ip地址的2种方法为,js获取本机ip地址的2种方法是什么,JS获取本机IP地址的2种方法
  • js获取指定时间的时间戳,js根据时区获取时间戳
  • js获取指定时间的时间戳,js根据时区获取时间戳,JS获取当前时间戳方法解析
  • js获取当前节点的父节点,jquery获取父节点
  • js获取当前节点的父节点,jquery获取父节点,JS获取父节点方法
  • js获取当前日期与时间,Js获取时间
  • js获取当前日期与时间,Js获取时间,Js 获取当前日期时间及其它操作实现代码
  • js获取屏幕宽高,获取页面高度js
  • js获取屏幕宽高,获取页面高度js,JS获取屏幕高度的简单实现代码
  • js获取url参数值的两种方式,后端获取url上的参数
  • js获取url参数值的两种方式,后端获取url上的参数,前端JS获取URL参数的4种方法总结
  • js 获取元素宽度,JS获取元素高度,js获取页面及个元素高度、宽度的代码
  • 留言与评论(共有 条评论)
       
    验证码: