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

Question

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

我有两个类 .v-table__overflow 和 .v-datatable__actions。我想得到.v-table__overflow的width值，在.v-datatable__actions中设置这个值作为这个类的width值。

我收到这个错误:

Uncaught TypeError: Cannot read property 'setProperty' of undefined

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');

Answer 1

试试这个

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 也有拼写错误。