Title
<script>
    var article = {
        dom: "article",
        class: "ss",
        id:"diyaritcle",
        son: [
            {
                dom: "section",
                son: [
                    {
                        dom: "div",
                        son: [
                            {
                                dom: "h3",
                                text: "春天在哪里",
                            },
                            {
                                dom: "p",
                                text: "p1"
                            },
                            {
                                dom: "p",
                                text: "p1"
                            },
                            {
                                dom: "img",
                                src: "picture/7.jpg"
                            }
                        ]
                    },
                    {
                        dom: "div",
                        son: [
                            {
                                dom: "h3",
                                text: "上档次"
                            },
                            {
                                dom: "p",
                                text: "“懂得”是感情世界中最深情又最深刻的词汇。懂得、是用我的目光去抚慰你的忧伤;懂得、是用我心比你心;懂得、是无语的聆听你灵魂的声音;懂得、是我的眼睛里永远是你的身影,懂的、是尽我的所能去愛。一句“我懂你”可以讓融化一座冰山,可以讓让绝境攀爬出愛的藤蔓,可以讓让枯萎的心灵开满岁月的鲜花。因為只有“懂得”,才会从容,才会轻松。若你懂得,请珍惜。"
                            }
                        ]
                    },
                    {
                        dom: "div",
                        son: [
                            {
                                dom: "h3",
                                text: "上档次"
                            }
                        ]
                    },
                    {
                        dom: "p",
                        text: "懂撒的发广告",
                    },
                    {
                        dom: "img",
                        src: "picture/7.jpg"
                    }
                ]
            }
        ]
    }

    function isJson(obj) {
        return typeof (obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;
    }

    function isArray(o) {
        return Object.prototype.toString.call(o) === '[object Array]';
    }

    function json转换成dom(obj, parentdom) {
        if (isJson(obj)) {
            let doc = document;
            let dom = obj["dom"] ? doc.createElement(obj["dom"]) : false;
            if (dom) {
                let son = obj["son"];
                dom.src = obj["scr"];
                let text = obj["text"];
                dom.class = obj["class"];
                dom.style = obj["style"];
                dom.id=obj["id"];
                if (text) {
                    dom.innerHTML = text;
                }
                parentdom.appendChild(dom);
                if (son) {
                    for (let i = 0; i < son.length; i++) {
                        json转换成dom(son[i], dom);
                    }
                }
            }
        }
    }

    json转换成dom(article, document.body);
</script>

 

posted on 2019-10-09 12:04  闫世超  阅读(1024)  评论(0)    收藏  举报
Title