账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何使用递归把一个并不复杂的数据转化成这样的 DOM 结构?
    11
    0
    要动态地渲染导航菜单,其中每个对象都对应一个菜单项,菜单项可以有子菜单,子菜单也可以有子子菜单。这样的数组结构如何转化成以下的 DOM 结构:var data = [ {title: 'menu 1'}, { title: 'menu 2', children: [ title: 'menu 2-1' children: [ // ] ] }]<div class='tree'> <div class='tree-node'> <span class='node-title'></span> </div> <div class='node-children'> <div class='tree-node'> ... </div> </div></div>我的思路大概是这样的:不限层级、具有相似结构的数据可以用递归实现,但写着写着写到一半做不下去了。 有啥办法在initTree函数的大致框架下把功能实现吗?<div class='tree'></div> var container = document.querySelector('.tree')function initTree(tree) { for(var i = 0; i <tree.length; i) { var objItem = tree[i] //取出每一个对象 var node = document.createElement('div') node.classList.add('tree-node') //... if(objItem.children) { var childrenNode = document.createElement('div') childrenNode.classList.add('tree-children') //... initTree(objItem.children) } } }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版

    回答动态

    随风:发布了悬赏问题9414754预计能赚取 11积分收益
    平行宇宙:发布了悬赏问题9414754预计能赚取 0积分收益
    掱機吥離掱!:发布了悬赏问题9414754预计能赚取 0积分收益
    司路:发布了悬赏问题9414754预计能赚取 11积分收益
    可爱多又多:发布了悬赏问题9414754预计能赚取 10积分收益
    哈利路亚·:发布了悬赏问题9414754预计能赚取 0积分收益
    发布了悬赏问题9414754预计能赚取 0积分收益
    宝宝金水:发布了悬赏问题9414754预计能赚取 0积分收益
    难寻梦中人:发布了悬赏问题9414754预计能赚取 0积分收益
    半字浅眉-:发布了悬赏问题9414754预计能赚取 11积分收益