vue.js -- 获取dom元素的样式(非行内样式)

在vue中获取dom元素的样式：

this.$refs.menuList.style.top;

这种获取方式是只能获取到元素的行内样式的。

this.$refs.menuList.getBoundingClientRect().top;

而下面这种方式是可以获取到外联样式表的样式的，不过这种是获取到计算过的样式。

let menuList = document.querySelector('.menuList');
let top = window.getComputedStyle(menuList).top;

这种方式获取到的是正常值。

转载于:：https://blog.csdn.net/qq_40851816/article/details/90671361

vue.js -- 获取dom元素的样式(非行内样式)相关推荐

Vue中获取dom元素的宽高
vue中获取dom元素的宽高 template模板中给dom绑定ref: <el-carouselid="ailabelmap"ref="remarkCarusel ...
JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
JS获取DOM元素的方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
在Vue中获取DOM元素的实际宽高
最近使用 D3.js 开发可视化图表,因为移动端做了 rem 适配,所以需要动态计算获取图表容器的宽高,其中涉及到一些原生DOM API的使用,避免遗忘这里总结一下. 一.获取元素在 Vue 中可以 ...
通过原生js获取dom元素的九种方式
获取dom元素 <body><!-- <div id="box">我是一个DIV</div><p class="item& ...
vue怎么给html元素加类选择器,Vue.js——获取Dom对象的类选择器名(className)
方法一:通过监听器监听方法event参数获取dom对象代码: vue自定义指令 .pop{ width:100px; background-color:#ffff00; height:100px; ...
在vue中获取dom元素
在vue中可以通过给标签加ref属性,就可以在js中利用ref去引用它,从而操作该dom元素,以下是个例子,可以当做参考 <template><div><div id=& ...
js获取dom元素的子元素,父元素,兄弟元素小记
原生js var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; // ...
js获取dom元素上所有的类名，添加类名，移除类名，切换类名(原生 js、 jquery)
<div class='m-slidebar'>内容</div> 1.原生方法: 1-1: 获取元素的类名 : el.classList 可以添加多个类名中间空格隔开 var ...

vue.js -- 获取dom元素的样式(非行内样式)

vue.js -- 获取dom元素的样式(非行内样式)相关推荐

最新文章

热门文章