Как получить доступ к стилям из JavaScript?

125
20 июня 2021, 18:50

Сейчас у меня есть стиль в style.css:

transition: all .25s ease;

И на jQuery у меня есть код:

$('.card.ticket').css('transition-duration')

Который возвращает строку, например, 0.25s. Как сделать то же на JavaScript? Следующий код возвращает пустую строку:

document.querySelector('.card.ticket').style.transitionDuration
Answer 1

Можно использовать getComputedStyle. Эта функция позволяет получить реальные значения CSS свойств https://developer.mozilla.org/ru/docs/Web/API/Window/getComputedStyle

const element = document.querySelector('.card.ticket'); 
const style = getComputedStyle(element); 
 
console.log(style.transitionDuration);
.card.ticket { 
  transition: all .252s ease; 
}
<div class="card ticket">card ticket</div>

READ ALSO
return возвращает undefined
javascript

return возвращает undefined

Пытаюсь делать задачи с codewars чтобы поднять скилл но вместо этого падает мая самооценка

 71
Генерация файла и скачивание его через JS
javascript

Генерация файла и скачивание его через JS

Так как я практикуюсь в js и его возможностях, мне потребовалось найти способ сохранения данных в моем приложенииЯ узнал что браузер напрямую...

 98
Как вывести переменную из JS в HTML?
javascript

Как вывести переменную из JS в HTML?

У меня есть переменная data из js скрипта в htmlКак это сделать? Я попробовал сделать это функцией:

 95
Посдкажите плагин для публикации фото с imgur.com
javascript

Посдкажите плагин для публикации фото с imgur.com

Нужен плагин который позволяет указать соответствующий альбом c imgurcom для публикации фото на своем сайте

 83