vue获取dom元素的宽高

在mounted写 因为我是html标签可以不用加 el(如果是html标签就不用加)

offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）

offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）

clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）

clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距）

stylewidth //返回元素的宽度（包括元素宽度，不包括内边距、边框和外边距）

styleheight //返回元素的高度（包括元素高度，不包括内边距、边框和外边距）

scrollWidth //返回元素的宽度（包括元素宽度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientWidth相同

scrollHeigh //返回元素的高度（包括元素高度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientHeight相同

我没有找到js获取元素宽度包含小数点的方法，但是在使用获取到的宽度时，为了保证与原来元素的宽度一致，我在工作中的解决方案是：

var oldw=$(oldElement)width();

$(newElement)css("width",oldw+"px");

$(oldElement)css("width",oldw+"px');

刚看到有getComputedStyle这个方法，还有这个getClientBoundingRect()。可以。

并没有getElementByClassName()这个函数，只有getElementsByClassName()，Element后面有个s，这个返回来是多个节点的集合（因为class名有可能匹配到多个），假设只有1个元素用这个class名，那么要改变宽度可以：

var a=documentgetElementsByClassName("a");

a[0]stylewidth="500px";

望采纳，谢谢

火狐的firebug中，有一个样式表的选项，里面有一个事dom，里面会吧该标签的所有属性和方法列出来，你可以看看。

宽度在计算出来的样式里面，有width和height，如果不行，你可以读取attr("width")和attr("height")看看。

以上就是关于vue获取dom元素的宽高全部的内容，包括:vue获取dom元素的宽高、大神，jquery或者js 怎么获取到元素宽度包含小数点、js获取ClassName后，怎样设置元素宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！