|
@@ -282,6 +282,44 @@ document.write(str)
|
|
|
// HTML th optional///////////////////////////
|
|
|
|
|
|
|
|
|
+// Задание на синий пояс.
|
|
|
+// Сделать HTML-конструктор из деревянной структуры, которая была на прошлом занятии:
|
|
|
+var someTree = {
|
|
|
+ tagName: "table", //html tag
|
|
|
+ subTags: [ //вложенные тэги
|
|
|
+ {
|
|
|
+ tagName: "tr",
|
|
|
+ subTags: [
|
|
|
+ {
|
|
|
+ tagName: "td",
|
|
|
+ text: "some text",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ tagName: "td",
|
|
|
+ text: "some text 2",
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ attrs:
|
|
|
+ {
|
|
|
+ border: 1,
|
|
|
+ },
|
|
|
+}
|
|
|
+
|
|
|
+let table = `<${someTree.tagName} ${Object.keys(someTree.attrs)}=${Object.values(someTree.attrs)}>`
|
|
|
+for (let subTag of someTree.subTags) {
|
|
|
+ table += `<${subTag.tagName}>`
|
|
|
+ for (let innerTag of subTag.subTags) {
|
|
|
+ table += `<${innerTag.tagName}>${innerTag.text}</${innerTag.tagName}>`
|
|
|
+ }
|
|
|
+ table += `</${subTag.tagName}>`
|
|
|
+}
|
|
|
+table += `</${someTree.tagName}>`
|
|
|
+console.log(table)
|
|
|
+document.write(table)
|
|
|
+
|
|
|
+
|
|
|
|
|
|
// destruct array////////////////////////////
|
|
|
let arr = [1, 2, 3, 4, 5, "a", "b", "c"]
|