Vue.js 获取元素高度的方法【记录】

Vue.js获取下面div的height：

<div ref="element"></div>

1、获取高度值：（内容高+padding+边框）

let height= this.$refs.element.offsetHeight;  //100

2、获取元素样式值：（存在单位）

let height = window.getComputedStyle(this.$refs.element).height; // 100px

3、获取元素内联样式值：（非内联样式无法获取）

let height = this.$refs.element.style.height; // 100px

Vue.js 获取元素高度的方法【记录】相关推荐

JS获取div高度的方法
有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...
原生js获取元素高度
原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...
vue获取元素高度的方法
vue获取元素的高度 <divref="getHeight"class="block"/> .block {width: 100px;height: ...
html获取位置坐标,js获取元素位置坐标的方法
用js 获取一个div坐标的方法是什么? js获取DIV的位置坐标的方法大概有两种: 第一种:编辑代码:var odiv=document.getElementById('divid'); alert ...
Vue 动态获取元素高度
getTitleHeight() { this.$nextTick(function () { this.contentHeight = document.getElementsByClassName ...
js 获取元素高度
//顶部元素高度 this.$nextTick 延迟到 dom 渲染更新之后 getTitleHeight() { this.$nextTick(function () { this.conten ...
js获取元素高度比较
网页可见区域宽:document.body.clientWidth(不包括滚动条) 网页可见区域高:document.body.clientHeight(不包括滚动条) 网页可见区域宽:documen ...
JS获取元素高度宽度的问题
offset....client....scroll.. 这三类属性的问题,总是混淆,现归纳总结如下: 大体上我是这样理解的: 1.client...属性(clientWidth.clientHeig ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

Vue.js 获取元素高度的方法【记录】

Vue.js 获取元素高度的方法【记录】相关推荐

最新文章

热门文章