|
|
@@ -1,76 +0,0 @@
|
|
|
-<header>
|
|
|
- HTML Tree
|
|
|
-</header>
|
|
|
-
|
|
|
-<body>
|
|
|
- <script>
|
|
|
- function walker(parent) {
|
|
|
- let str = "";
|
|
|
- let tagName = parent.tagName;
|
|
|
- if (tagName) {
|
|
|
- str = '{';
|
|
|
- str += `"tagName":"${tagName}",`;
|
|
|
- let attrs = parent.attrs;
|
|
|
- if (attrs) {
|
|
|
- str += '"attrs":{';
|
|
|
- let attrsArr = [];
|
|
|
- for (const attrName in attrs) {
|
|
|
- attrsArr.push(`"${attrName}":"${attrs[attrName]}"`);
|
|
|
- }
|
|
|
- str += attrsArr.join(',');
|
|
|
- str += '},';
|
|
|
- }
|
|
|
- if (parent.children) {
|
|
|
- str += '"children":['
|
|
|
- let childrenArr = [];
|
|
|
- for (const child of parent.children) {
|
|
|
- childrenArr.push(walker(child)); //вложенный вызов - вложенный уровень вложенности :-D
|
|
|
- }
|
|
|
- str += childrenArr.join(',');
|
|
|
- str += ']';
|
|
|
- }
|
|
|
- str += '}';
|
|
|
- }
|
|
|
- else {
|
|
|
- str = `"${parent}"`;
|
|
|
- }
|
|
|
- return str;
|
|
|
- }
|
|
|
- const table = {
|
|
|
- tagName: 'table',
|
|
|
- attrs: {
|
|
|
- border: "1",
|
|
|
- },
|
|
|
- children: [
|
|
|
- {
|
|
|
- tagName: 'tr',
|
|
|
- children: [
|
|
|
- {
|
|
|
- tagName: "td",
|
|
|
- children: ["1x1"],
|
|
|
- },
|
|
|
- {
|
|
|
- tagName: "td",
|
|
|
- children: ["1x2"],
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- tagName: 'tr',
|
|
|
- children: [
|
|
|
- {
|
|
|
- tagName: "td",
|
|
|
- children: ["2x1"],
|
|
|
- },
|
|
|
- {
|
|
|
- tagName: "td",
|
|
|
- children: ["2x2"],
|
|
|
- },
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- var objStr = walker(table);;
|
|
|
- document.write(walker(objStr));
|
|
|
- </script>
|
|
|
-</body>
|
