Я пытаюсь получить значение переменной CSS в своем коде JavaScript. Для этого я использую следующий фрагмент кода. В этом случае я получаю определенный оттенок красного, определенный в CSS.
Код: Выделить всё
let red = getComputedStyle(document.documentElement).getPropertyValue('--red')
Проблема в том, что этот код работает только тогда, когда я обертываю его в блок setTimeout, показанный ниже,
Код: Выделить всё
setTimeout(() => {
let red = getComputedStyle(document.documentElement).getPropertyValue('--red')
}, 10)
Поэтому JavaScript кажется, что ему нужно немного подождать, пока CSS завершит загрузку. Есть ли способ получить значение переменных CSS без необходимости ждать определенное время, как я показал выше?
Кроме того, я обнаружил, что мне не нужен setTimout, когда я запускаю свое приложение через расширение VS Code Live Server, но мне нужно использовать его, когда я открываю HTML-файл через проводник.
Подробнее здесь:
https://stackoverflow.com/questions/689 ... settimeout