虚拟dom 生成实体dom

dom.js

var domNode = {
    tagName: "ul",
    props: { class: "list" },
    children: [{
        tagName: "li",
        children: ["1"],
    }, {
        tagName: "li",
        children: ["2"],
    }, {
        tagName: "li",
        children: ["2", {
            tagName: "div",
            children: ["div"],
        }],
    }
    ]
}

a = function (b) {
    var el;
    if (typeof (b) != "object") {
        return el
    }

    if (b.tagName == "") {
        return
    }
    el = document.createElement(b.tagName)
    if (b.props && typeof (b.props) == "object") {
        for (let n in b.props) {
            el.setAttribute(n, b.props[n])
        }
    }
    if (typeof (b.children) == "object") {
        b.children.map((v) => {
            if (typeof (v) == "string") {
                el.textContent = v
            } else {
                let cc = a(v)
                el.append(cc)
            }
        })

    }
    return el
}

console.log(a(domNode))