JS_原生js树形无限级导航，递归

Dear 丶 2023-01-10 14:51 203阅读 0赞

.html

<style> li{ padding-left: 10px; } </style>
    <div id="dom"></div>

.js

var data = [
         { 
             name:"前端",
             child:[
                 { name:"html"},
                 { name:"css"},
                 { name:"js",child:[{ name:"es5"},{ name:"es6"},{ name:"es7"}]},
             ]
         },
         { 
             name:"后端",
             child:[
                 { name:"php"},
                 { name:"java"},
                 { name:"node"},
             ]
         }
     ]
    
     function f(data){ 
         var str = "<ul>";
         for(var i=0;i<data.length;i++){ 
             str +="<li>"+data[i].name+"</li>";
             if(data[i].child){ 
                 str +=f(data[i].child)
             }
         };
         str +="</ul>"
         return str;
     }
     document.getElementById("dom").innerHTML = f(data)

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70]: /images/20221119/303fa50cec274503926a29e7d921269a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 js递归(js递归算法)

递归论的基本内容有哪些呢？任给m,n的值，如果m为0，可由第一式算出；如果m不为0而n为0，可由第二式化归为求g(m,1)的值，这时第一变目减少了；如果m，n均不为0,

超、凢脫俗/ 2023年10月11日 18:48/ 0 赞/ 35 阅读

相关 js实现树级递归，通过js生成tree树形菜单(递归算法)

/ 数据转换为树形（递归），示例：toTreeByRecursion(source, 'id', 'parentId', null, 'children')

ゝ一纸荒年。/ 2023年01月21日 03:24/ 0 赞/ 406 阅读

相关 php非递归无限极分类,用Js实现非递归无限分类

![b04080a52cf1d927cc8e3319859c4999.png][] ![d89fa347c26711dfee22f3d2a00f14b6.png][] 我的

Myth丶恋晨/ 2023年01月17日 10:51/ 0 赞/ 134 阅读

相关 JS_原生js树形无限级导航，递归

.html <style> li{ padding-left: 10px; } </style> <div id="dom"></div> .js

Dear 丶/ 2023年01月10日 14:51/ 0 赞/ 203 阅读

相关 js递归生成树形结构

实现一个人员根据所在部门分类的el-cascader，使用人员表、部门表中数据，人员表中存有所在部门id字段，部门表中存有上级部门的id字段，人员为叶子节点，无子节点的部门不

雨点打透心脏的1/2处/ 2022年12月20日 02:40/ 0 赞/ 181 阅读

相关 PHP实现递归无限级分类

在一些复杂的系统中，要求对信息栏目进行无限级的分类，以增强系统的灵活性。那么PHP是如何实现无限级分类的呢？我们在本文中使用递归算法并结合mysql数据表实现无限级分类

「爱情、让人受尽委屈。」/ 2022年06月17日 14:06/ 0 赞/ 258 阅读

相关 PHP无限级分类实现（递归+非递归）

\[php\] [view plain][] [copy][view plain] 1. <?php 2. /\\ 3. \ Created by

川长思鸟来/ 2022年06月14日 04:26/ 0 赞/ 236 阅读

相关 js递归

js递归调用方法一： // 一个简单的阶乘函数 var f = function (x) { if (x === 1) { return 1; } else

女爷i/ 2022年05月21日 11:48/ 0 赞/ 189 阅读

相关 php递归无限级和引用传值无限级

<?php $array = array( array('id' => 1, 'pid' => 0, 'name' => '河北省'), array

小咪咪/ 2021年09月08日 17:52/ 0 赞/ 454 阅读

相关 JS递归

JS递归一、什么是递归二、递归的作用 1.求阶乘 2.求斐波那契数列一、什么是递归函数内部调用自己，这个函数就是递归

港控/mmm°/ 2021年09月07日 06:10/ 0 赞/ 428 阅读