@danchikraw
Веб-додик

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

Пытаюсь вывести стили элемента но они пустые.
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;
}
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Если ознакомиться с тем, что представляет собой свойство style, то можно узнать, что оно

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

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

Используйте getComputedStyle.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
09 авг. 2022, в 20:36
500 руб./в час
09 авг. 2022, в 20:26
15000 руб./за проект
09 авг. 2022, в 20:26
100000 руб./за проект