Изменение значения свойства CSS с помощью вычисляемой переменной с помощью JavaScript - PullRequest
0 голосов
/ 26 июня 2019

Я пытаюсь установить значение свойства css с вычисленным значением переменной.

У меня есть два класса .v-table__overflow и .v-datatable__actions. Я хочу получить значение ширины .v-table__overflow и установить это значение в .v-datatable__actions как значение ширины этого класса.

Я получаю эту ошибку:

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

1 Ответ

1 голос
/ 26 июня 2019

Попробуйте следующим образом

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 в последней строке, которая вызвала ошибку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...