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

我正在尝试使用计算的变量值设置css属性的值。

我有两个类.v-table__overflow和.v-datatable__actions。我想获取.v-table__overflow的宽度值并将此值在.v-datatable__actions中设置为此类的宽度值。

我收到此错误：


  未捕获的TypeError：无法读取未定义的属性'setProperty'

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

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

dtActionsWidth.style.setProperty('width', '--dtoverflowWidth');

最佳答案

试试这个

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时也出现了错字，这引发了错误。

关于javascript - 通过JavaScript使用计算的变量更改CSS属性的值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56765724/