欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

获取元素高度与宽度

程序员文章站 2024-03-12 12:00:26
...

1.在js中获取元素的高度与宽度,用到这两个api分别为offsetWidthoffsetWidth

const width = document.body.offsetWidth
const height = document.body.offsetheight

2.同理获取id或者class的高度与宽度同一类似,id与class就是你所取的名字

const width = document.getElementById("id").offsetWidth
const height = document.getElementClassNmae("class").offsetheight

3.在vue中获取高度与宽度,可以在vue官网中查看ref的详细内容,是一个唯一标识,与id作用类似。

<div ref= "list">"hello"</div>

const width = this.$ref.list.offsetWidth
const width = this.$ref.list.offsetheight
// 最好能把获取的步骤写成一个方法,在异步里调用
相关标签: 技术专栏