JavaScript не видит CSS стили
-
Проблема та же, что и описанная
вот здесь. Решения там, к сожалению нет.Суть в том, что когда я пытаюсь в js алертом вывести какое-нибудь свойство элемента (например elem.style.display), прописанное в файле стилей, то он выводит пустую строку. Пробовал и с display и с другими свойствами, одно и то же — пустая строка, как будто свойства нет.
Весь код приводить не буду, только суть:
phpecho '<div class = "moy-class">Текст</div>'; <script> let moy_class = document.querySelector('.moy-class'); alert(moy_class.style.display); </script>
css
.moy-class { display: inline-block; }
Первая мысль, естественно, что стили подключаются после того как отработает js код, но это не так. Я пробовал вешать алерт на кнопку, которую нажимал после того как страница давно прогрузилась и все равно тот же результат. При этом, если в самом диве инлайн стилем прописать style=»display: inline-block;», то, как и у чела в приведенной выше ссылке, все работает.
На всякий случай привожу код подключения стилей и скриптов:
В файле functions.phpadd_action( 'wp_enqueue_scripts', 'moya_tema_scripts' ); function moya_tema_scripts() { wp_enqueue_style( 'style', get_stylesheet_uri() ); wp_enqueue_script( 'script', get_template_directory_uri() . '/skript.js'); }
`
В чем может быть дело?
- Тема «JavaScript не видит CSS стили» закрыта для новых ответов.