Устанавливаю процедуру реагирующую на DOMContentLoaded. В ней пытаюсь получить значение свойство backgroundColor возвращает пусто хотя backgroundColor задан в листе стилей. Возвращает значения этого свойства только после его установки вот пример

function ready() {

console.log(document.getElementById('navbar').style.backgroundColor); - ПОЧЕМУ ВОЗВРАЩАЕТ ПУСТО?
document.getElementById('navbar').style.backgroundColor = '#28a745';
console.log(document.getElementById('navbar').style.backgroundColor); - ЗДЕСЬ ВОЗВРАЩАЕТСЯ ТОЛЬКО ПОСЛЕ УСТАНОВКИ НО МНЕ НУЖНО ДО

}
document.addEventListener("DOMContentLoaded", ready);

В листе стилей указано:.navbar {
background-color: #9a193c;
}

Страница сформирована почему значение свойство можно получить только после его установки из js а не до

Значит и записать в style элемента нужно "до", а не "после"... - так записано же в листах стилей страница сформирована о чем свидетельствует функция ready() уже должно содержаться