Почему при попытке задания style.backgroundColor выдаёт warning?

Question

[Altereyo]

Пытаюсь присвоить цвет элементу через JS, но выдаёт ошибку:

The specified value "" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.

Выделил все не работающие строки кода в 2 строчки:

let color = banner.background.type == 'gradient' ? "linear-gradient(to bottom, "+ banner.background.color +", "+ banner.background.additionalColor +")" : this.banner.background.color
element.style.backgroundColor = color

Цвет зависит от выбранного типа фона, который лежит в объекте banner - либо градиент, либо сплошной цвет

Comments

[RAX7]

element.style.backgroundColor = color
element.style.backgroundImage = color

[Altereyo]

RAX7, заработало, спасибо! Но почему работает именно через bgImage, а не через bgColor, как в CSS?

[RAX7]

Altereyo, оно и в css через background-image работает.

[Ankhena]

Altereyo, сплошной цвет это background-color, а градиент это background-image.