получить стиль элемента HTML с Javascript

Question

Я пытаюсь получить backgroundColor элемента HTML.Но когда я проверяю стиль с помощью js, все либо пустое, либо неопределенное.Но когда я проверяю этот элемент на консоли разработчика, я вижу, что есть backgroundColor.Я не мог понять, что не так.Есть ли у вас какие-либо советы, которые могут вызвать эту проблему?

document.getElementById("id1").style

Answer 1

Попробуйте getComputedStyle

window.getComputedStyle(document.getElementById("id1"));

Answer 2

Вы должны попробовать извлечь примененные стили, используя метод window.getComputedStyle.

let element = document.getElementById("id1");
window.getComputedStyle(element);

Answer 3

использовать window.getComputedStyle

читать дальше https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

в основном style свойство читать только встроенный стиль элемента