@Sviaznoi

Почему не работает getElementById?

Почему не срабатывает getElementById? Не вижу ошибки. Название скрипта managing_a_folder.js он в конце html. alert выводит null что бы я не менял. querySelector тоже не работает.

<head>
  <title>Новый сайт</title>
  <meta charset = "utf-8">
  <script src="new_site_js/catalog_data.js"></script>

  <link rel='stylesheet' href="new_site_css/main_css.css">
</head>
<body>
  <div id="wrapperHeader">
    <header>
      <h1>Новый сайт</h1>
    </header>
  </div>
  <div id="wrapperMenu">
    <div class="wrapper">
      <form action="new_site_js/managing_a_folder.js" name="filter">
        <input type='button' value="фильтры" name="openFilter" class="menu">
          <ul type='none'>
            <li><input type='checkbox' name="all">всё</li>
            <li><input type='checkbox' name="templates">шаблоны</li>

            <li><input type='submit' value="применить"></li>
          </ul>
      </form>
      <input type='button' value="навигация" id="navigation" class="menu">

    </div>
</div>
  <div id="wrapperContent">
    <div class="content">
    </div>
  </div>
  <script src="new_site_js/managing_a_folder.js"></script>
</body>


"use strict"

var openFilter = document.getElementById('openFilter');
alert(openFilter);
var open = (elem, clss) => elem.classList.add(clss),

    close = (elem, clss) => elem.classList.remove(clss);

function toggle(elem, clss){
  if(elem.classList.contains(clss)){
    close(elem, clss);
  }else{
    open(elem,clss);
  }
}

openFilter.onclick = function(e){
  toggle(this, "open");

  return false;
}
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
bubn0ff
@bubn0ff
Специалист по технической поддержке
Посмотрел сюда:
var openFilter = document.getElementById('openFilter');

Потом посмотрел сюда:
input type='button' value="фильтры" name="openFilter" class="menu"

И не увидел там указание на id, только на класс menu.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы