Почему нельзя обращаться к css-свойству через переменную?

Question

[coderxx]

let x = document.getElementById('wrap').style.backgroundColor;
x = 'black';

Данная конструкция не срабатывает. Это особенность языка, или я что-то делаю не так?

Answer 1

[zendor]

В x у вас хранится не ссылка на элемент, а значение свойства backgroundColor.

const x = document.getElementById('wrap');
x.style.backgroundColor = 'black';

Comments

[coderxx]

понял, спасибо

Answer 2

[Сергей Соколов]

В JS примитивы (строки, числа) передаются по значению – копируются, грубо говоря.
А вот объекты всегда передаются по ссылке: меняете его свойство – оно меняется везде.
Подробнее.

В поле backgroundColor хранится строка. Она копируется, обратной связи нет.

Зато уже style – это объект, который передается по ссылке и можно манипулировать его свойствами:

let style = document.querySelector('h1.question__title').style;
style.backgroundColor = 'black';

Comments

[coderxx]

спасибо за развернутый ответ)