@maksymNejmet

Проблеми с кодом,связанным с dom-деревом и removom и я не понимаю что не так?

у меня есть маркированный список с действиями, и моя задача - создать ввод, чем пользователь выбирает номер списка, и этот номер будет удален, но мой код не работает и я не знаю в чем причина?
function remove() {
        let number = parseInt(document.getElementById("rez").value);
        let elem = document.getElementById("list").children[number];
        elem.remove();
      }
    </script>
    <div>
      <ul class="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
      </ul>
      <input type="button" value="Delete" onclick="remove()" /><br /><input
        type="text"
        id="rez"
        value=""
      />
    </div>
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
@benner_jenya
Frontend-разработчик
В скрипте используется поиск по id
В то время как сам список обозначается через класс
Если заменить класс на id
То всё заработает
<!-- Изначально -->
<ul class="list">
...
<!-- Как должно быть-->
<ul id="list">
...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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