0

Судя по всему не проходит проверка

if (event.target.tagName != "SPAN") return;

видимо spanы не проставляются...

let ul = document.getElementById("tree");
let lis = document.querySelectorAll("li");
for (let li of lis) {

  li.insertAdjacentHTML("afterbegin", "<span>");
  li.insertAdjacentHTML("beforeend", "</span>");

}

ul.onclick = function() {


  if (event.target.tagName != "SPAN") return;

  let li = event.target.closest("li");

  for (let child of li.children) {
    child.hidden = (child.hidden == true) ? "" : true;
  }

}
<ul class="tree" id="tree">
  <li>Животные
    <ul>
      <li>Млекопитающие
        <ul>
          <li>Коровы</li>
          <li>Ослы</li>
          <li>Собаки</li>
          <li>Тигры</li>
        </ul>
      </li>
      <li>Другие
        <ul>
          <li>Змеи</li>
          <li>Птицы</li>
          <li>Ящерицы</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Рыбы
    <ul>
      <li>Аквариумные
        <ul>
          <li>Гуппи</li>
          <li>Скалярии</li>
        </ul>
      </li>
      <li>Морские
        <ul>
          <li>Морская форель</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

3
  • Он вставляет законченный кусок разметки, а не заставляет перепарсить все внутренности.
    – Qwertiy
    8 окт 2019 в 17:57
  • Перед условием console.log(event.target.tagName); вставь эту строку и глянь, что получишь в ответ...
    – Air
    8 окт 2019 в 18:30
  • @Qwertiy и что это означает? Перефразируйте, пожалуйста
    – GTB
    8 окт 2019 в 19:37

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.