1. JavaScript / Говнокод #24107

    −1

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    var data = { //Списочек с русскими названиями
        "Рыбы": {
          "Форель": {},
          "Щука": {}
        },

        "Деревья": {
          "Хвойные": {
            "Лиственница": {},
            "Ель": {}
          },
          "Цветковые": {
            "Берёза": {},
            "Тополь": {}
          }
        }
      };

      function createTree(container, data) { // Создание списка из объекта
        let mainUL = document.createElement('ul'); //Начало списка

        let findLI = function(item, UL) { //рекурсивная функция
          for(let k in item) { //перебор
            let LI = document.createElement('li'); //Новый элемент списка
            LI.textContent = k; //Устанавливаем текст элементу
            UL.appendChild(LI); //Добавляем элемент в список
            if(Object.keys(item[k]).length > 0) { //Есть ли там ещё элементы?
              let newUl = document.createElement('ul'); //Новый список
              UL.appendChild(newUl); //Фигачим его в список
              findLI(item[k], newUl); //Тут мы посылаем ссылку поэтому всё робит
            }
          }
        }
        findLI(data, mainUL); //ищем все элементы

        container.appendChild(mainUL); //добавляем в контейнер список (в конец)
      }

      var container = document.getElementById('container'); //ищем контейнер
      createTree(container, data); // создаём спсиок

    Комментатор 80-го уровня.
    Жду ваших комментариев ублюдки!

    Запостил: fuckercoder, 11 Апреля 2018

    Комментарии (7) RSS

    Добавить комментарий