一种json生成html的思路

最新推荐文章于 2024-03-15 09:32:43 发布

转载最新推荐文章于 2024-03-15 09:32:43 发布 · 95 阅读

文章标签：

#json

本文深入探讨了信息技术领域的重要组成部分和技术细节，包括前端、后端、移动开发、游戏开发、大数据、开发工具等多个方面，为读者提供了一次全面的技术之旅。

输入：

[{
    tag:"ul",
    attribute:{
        class:"father6"
    },
    property:{
        className:"father"
    },
    children:[
    {
        tag:"li",
        attribute:{
            class:"son"
        }
    },
    {
        tag:"li",
        class:"son",
        children:[{
            tag:"a",
            attribute:{
                class:"son-a",
                href:"http://www.google.com"
            },
            property:{
                innerText:"跳转到google"
            }
            
        }]
    }]
}]

输出：

<ul class="father">
    <li class="son"></li>
    <li class="son">
        <a class="son-a" href="http://www.google.com">跳转到google</a>
    </li>
</ul>