Должно ли значение быть пустым при получении словаря со стилями в js?

Question

[rusyska55011]

let mirror1 = document.getElementById('side1');

console.log(mirror1.style.width);

При том что #side1 имеет width: 100px; в css файле, который подключен и работает
При изменении по типу mirror1.style.width = '200px'; приведет к изменению ширины объекта, после чего при вызове ключа словаря выведется этот же 200px

Answer 1

[mletov]

Js в данном случае работает только с DOM. CSS файлы не причем.
Вот если бы у вас было:
<div id="side1" style=width:100px"></div>

Comments

[rusyska55011]

А есть способ получения стилей с CSS?

[mletov]

rusyska55011,
https://developer.mozilla.org/en-US/docs/Web/API/C...

Answer 2

[Mikhail Osher]

console.log(window.getComputedStyle(mirror1).width) // e.g. "50px"