原生js+html生成简单的树形结构

最新推荐文章于 2024-01-05 05:00:00 发布

曾经沧海难为水除去巫山还是山

最新推荐文章于 2024-01-05 05:00:00 发布

阅读量2k

点赞数 1

分类专栏：树形菜单文章标签：原生js 树形结构

本文链接：https://blog.csdn.net/qq519133962/article/details/102775395

版权

<style>
    ul {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
    }
    ::selection{
        background-color: none;
    }
</style>
<div id="treeBox">

</div>
<script>
    //简单的树形结构
    var data = [{
            id: "node1",
            content: "node1"
        },
        {
            id: "node1-1",
            content: "node1-1",
            pid: "node1"
        },
        {
            id: "node1-2",
            content: "node1-2",
            pid: "node1"
        },
        {
            id: "node1-1-1",
            content: "node1-1-1",
            pid: "node1-1"
        },
        {
            id: "node1-1-2",
            content: "node1-1-2",
            pid: "node1-1"
        },
        {
            id: "node2",
            content: "node2"
        },