.getPropertyValue()

Метод getPropertyValue() возвращает строку, в которой записано значение указанного CSS-свойства. Если свойство не указано, возвращает пустую строку.

        
          
          element.getPropertyValue('value')
          element.getPropertyValue('value')

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Создадим блочный элемент размером 100 на 200 пикселей.

        
          
          <div class="block"></div>
          <div class="block"></div>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          .block {  background-color: aqua;  width: 100px;  height: 200px;}
          .block {
  background-color: aqua;
  width: 100px;
  height: 200px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Запишем ширину элемента в переменную и выведем её на экран:

        
          
          const block = document.querySelector('.block')// Получаем все стили элементаconst styles = window.getComputedStyle(block)const width = styles.getPropertyValue('width')console.log(width)// 100px
          const block = document.querySelector('.block')
// Получаем все стили элемента
const styles = window.getComputedStyle(block)
const width = styles.getPropertyValue('width')

console.log(width)
// 100px

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать