美文网首页
JS补充24

JS补充24

作者: 常婧帅 | 来源:发表于2018-08-20 16:51 被阅读0次

查看元素的几何尺寸

domEle.getBoundingClientRect();

兼容性很好

该方法返回一个对象,对象里面有left top right bottom等属性,left和top代表该元素左上角的x和y坐标,right和bottom代表元素右下角的x和y的坐标。

height和width属性老版本IE并没有实现。

返回的结果并不是"实时的"

查看元素的尺寸

dom.offsetWidth,dom.offsetHeight

查看元素的位置

dom.offsetLeft,dom.offsetTop

对于无定位元素,返回相对文档的坐标,对于定位的父级的元素,返回相当于最近有定位的父级的坐标。

dom.offsetParent

返回最近有定位的父级,如无,返回body。body.offsetParent返回null。

相关文章

  • JS补充24

    查看元素的几何尺寸 domEle.getBoundingClientRect(); 兼容性很好 该方法返回一个对象...

  • js补充

    一、事件冒泡和捕获 二、成都车牌限行查询 三、广告轮播 四、修改标签层次

  • 2018-08-01 js栈与队列补充

    栈与队列之js(ts)手写(补充)

  • 小程序 - 点击获取手机验证码+style切换

    示意图: wxml js wxss 自行补充

  • JS补充23

    查看滚动条的滚动距离 windox.pageXOffset/pageYOffset ie8及IE8以下不兼容 do...

  • JS补充25

    读写元素css属性 dom.style.prop 可读写行间样式,没有兼容性问题,碰到float这样的保留字属性前...

  • JS补充26

    查询样式 ele.currentStyle 计算样式只读 返回的计算样式的值不是经过转换的绝对值。 IE独有的属性...

  • JS补充12

    隐式转换 isNaN最终转换成Boolean isNaN(null)结果为false ++,––,+(正),–(负...

  • JS补充13

    函数 定义: 函数的声明: function text(){ //执行内容 } //函数的...

  • JS补充20

    遍历节点数 parentNode父节点(最顶端的parentNode=document). childNodes子...

网友评论

      本文标题:JS补充24

      本文链接:https://www.haomeiwen.com/subject/ebmliftx.html