vue.js -- 获取dom元素的样式(非行内样式)
程序员文章站
2022-06-21 11:38:57
...
在vue中获取dom元素的样式:
this.$refs.menuList.style.top;
这种获取方式是只能获取到元素的行内样式的。
this.$refs.menuList.getBoundingClientRect().top;
而下面这种方式是可以获取到外联样式表的样式的,不过这种是获取到计算过的样式。
let menuList = document.querySelector('.menuList');
let top = window.getComputedStyle(menuList).top;
这种方式获取到的是正常值。
推荐阅读
-
Vue获取DOM元素样式和样式更改示例
-
JS---获取元素计算后的样式属性值 (getComputedStyle)---兼容函数
-
js 获取元素的具体样式信息getcss(实例讲解)
-
Vue中通过属性绑定为元素绑定style行内样式的实例代码
-
js 获取任意一个元素的任意一个样式属性的值
-
JavaScript--Dom操作元素的样式
-
jquery 获取dom固定元素 添加样式的简单实例
-
使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式
-
获取DOM元素样式
-
vue.js -- 获取dom元素的样式(非行内样式)