Основное отличие методов getComputedStyle и style в JavaScript заключается в том, что первый работает с вычисленными стилями, а второй — со встроенными. 4
Свойство style позволяет получать встроенные стили, которые присутствуют в HTML в атрибуте style. 4 С его помощью нельзя прочитать ничего из классов CSS. 1
Метод getComputedStyle предназначен для получения вычисленных стилей, которые написаны в файле CSS. 4 Результат вызова метода — объект со стилями, похожий на elem.style, но с учётом всех CSS-классов. 1 Эти стили доступны только для чтения, их нельзя изменить. 3
Таким образом, style работает со встроенными стилями, а getComputedStyle — с вычисленными. 4