Почему не выводяться стили?

Question

[Даниил Сухих]

Пытаюсь вывести стили элемента но они пустые.

function menuScroll() {
	var elem = [...document.querySelectorAll('.menu-button')];
	elem.forEach(elem => elem.addEventListener('click', scroll));

	function scroll(e) {
		e.preventDefault();
		var elem_to = this.getAttribute('href');
		elem_to = document.getElementById(elem_to);
		elem_to.scrollIntoView({
			behavior: "smooth"
		});

		console.log(document.querySelector('.menu-phone__button div').style.display) // Получение стилей

	}

}

В консоли получаю пустое значение.
Стили:

.menu-phone__button {
	margin-left: 20px;
	cursor: pointer;
	display: none;
}

.menu-phone__button div {
	background: #fff;
	width: 50px;
	height: 5px;
	margin: 6px 0;
}

Comments

[Kovalsky]

Хорошо гуглится - https://stackoverflow.com/questions/3778335/how-to...

Answer 1

[0xD34F]

Если ознакомиться с тем, что представляет собой свойство style, то можно узнать, что оно

используется для получения и установки инлайновых стилей

Вы пытаетесь получить инлайновый стиль? Нет. Ну и всё.

Используйте getComputedStyle.