Поддержка Проблемы и решения JavaScript не видит CSS стили

  • Проблема та же, что и описанная
    вот здесь. Решения там, к сожалению нет.

    Суть в том, что когда я пытаюсь в js алертом вывести какое-нибудь свойство элемента (например elem.style.display), прописанное в файле стилей, то он выводит пустую строку. Пробовал и с display и с другими свойствами, одно и то же — пустая строка, как будто свойства нет.
    Весь код приводить не буду, только суть:
    php

    	
    echo '<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.php

    
    add_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');
    }

    `
    В чем может быть дело?

    • Тема изменена 2 года, 9 месяцев назад пользователем antoxa82.
Просмотр 1 ответа (всего 1)
Просмотр 1 ответа (всего 1)
  • Тема «JavaScript не видит CSS стили» закрыта для новых ответов.