update

2014-11-16 01:40:20 +03:00 · 2014-11-16 01:40:20 +03:00 · 87bf53d076
commit 87bf53d076
parent 962caebbb7
1825 changed files with 94929 additions and 0 deletions
--- a/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+</head>
+<body>
+
+<div id="container"></div>
+
+<script>
+  var data = {
+    "Рыбы":{
+      "Форель":{},
+      "Щука":{}
+    },
+
+    "Деревья":{
+      "Хвойные":{
+        "Лиственница":{},
+        "Ель":{}
+      },
+      "Цветковые":{
+        "Берёза":{},
+        "Тополь":{}
+      }
+
+    }
+  };
+
+  function createTree(container, obj) {
+    container.innerHTML = createTreeText(obj);
+  }
+
+  function createTreeText(obj) { // отдельная рекурсивная функция
+    var li = '';
+    for (var key in obj) {
+      li += '<li>' + key + createTreeText(obj[key]) + '</li>';
+    }
+    if (li) {
+      var ul = '<ul>' + li + '</ul>'
+    }
+    return ul || '';
+  }
+
+  var container = document.getElementById('container');
+  createTree(container, data);
+</script>
+</body>
+  </html>