up

2017-02-17 03:30:25 +03:00 · 2017-02-17 03:30:25 +03:00 · d7d25f4d8b
commit d7d25f4d8b
parent 5ef1b92e8b
36 changed files with 1239 additions and 25 deletions
--- a/2-ui/1-document/11-modifying-document/7-create-object-tree/innerhtml.view/index.html
+++ b/2-ui/1-document/11-modifying-document/7-create-object-tree/innerhtml.view/index.html
@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+  <div id="container"></div>
+
+  <script>
+    let data = {
+      "Fish": {
+        "trout": {},
+        "salmon": {}
+      },
+
+      "Tree": {
+        "Huge": {
+          "sequoia": {},
+          "oak": {}
+        },
+        "Flowering": {
+          "redbud": {},
+          "magnolia": {}
+        }
+      }
+    };
+
+    function createTree(container, obj) {
+      container.innerHTML = createTreeText(obj);
+    }
+
+    function createTreeText(obj) { // отдельная рекурсивная функция
+      let li = '';
+      for (let key in obj) {
+        li += '<li>' + key + createTreeText(obj[key]) + '</li>';
+      }
+      if (li) {
+        let ul = '<ul>' + li + '</ul>'
+      }
+      return ul || '';
+    }
+
+    let container = document.getElementById('container');
+    createTree(container, data);
+  </script>
+</body>
+</html>