DOM补充知识


元素位置

  • offsetParent :获取某个元素第一个定位的祖先元素,如果没有,则得到body

body的offsetParent为null

  • offsetLeft、offsetTop

相对于该元素的offsetParent的坐标

如果offsetParent是body,则将其当作是整个网页

  • getBoundingClientRect方法

该方法得到一个对象,该对象记录了该元素相对于视口的距离

事件模拟

  • click
  • sumbit
  • dispatchEvent

其他补充

  • window.scrollX、window.pageXOffset、window.scrollY、window.pageYOffset

window.scrollX、window.pageXOffset: 相当于根元素的scrollLeft

window.scrollY、window.pageYOffset: 相当于根元素的scrollTop

  • scrollTo、scrollBy

scrollTo: 设置滚动条位置

  • resizeTo、resizeBy

文章作者: overwhat
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 overwhat !
评论
  目录