通过JavaScript使用计算变量更改CSS属性的值

我试图用一个计算的变量值设置css属性的值

我有两个类

.v-table\uu overflow

和

.v-datatable\uu actions

。我想获取

.v-table\uuuu overflow

的宽度值，并在

.v-datatable\uuu actions

中设置该值作为此类的宽度值

我得到了这个错误：

未捕获的TypeError:无法读取未定义的属性“setProperty”

这样试试

var dtoverflow = document.querySelector('.v-table__overflow')
var dtoverflowWidth = getComputedStyle(dtoverflow).width;

var dtActions = document.querySelector('.v-datatable__actions') 
var dtActionsWidth = getComputedStyle(dtActions).width;

dtActions.style.width = dtoverflowWidth;

---

您在引发错误的最后一行中使用了

dtActionsWidth

而不是

dtActions

。

看起来

dtActionsWidth

是

dtActions

计算样式中的

宽度值。变量
dtActionsWidth
没有。也许你想要
dtActions.style.setProperty（…）
？这是一个VueTify应用程序-使用vue.js框架frontend@showdev该代码在引发错误的最后一行中使用了
dtActionsWidth
而不是
dtActions
。
var dtoverflow = document.querySelector('.v-table__overflow')
var dtoverflowWidth = getComputedStyle(dtoverflow).width;

var dtActions = document.querySelector('.v-datatable__actions') 
var dtActionsWidth = getComputedStyle(dtActions).width;

dtActions.style.width = dtoverflowWidth;