Tree ui

qjastar·2022년 3월 9일
0

Code Review

목록 보기
3/15
const root = document.getElementById('root');
function createTreeView(menu, currentNode) {
  // TODO: createTreeView 함수를 작성하세요.
  for (let i = 0; i < menu.length; i++) {
    let li = document.createElement('li')
    if (menu[i].children) {
    let input = document.createElement('input')
    input.type = 'checkbox'
    let span = document.createElement('span')

    let ul = document.createElement('ul')
    li.append(input, span, ul)
    currentNode.append(li)
    span.textContent = menu[i].name
    createTreeView(menu[i].children, ul)
    }
    else {
      li.textContent = menu[i].name
      currentNode.append(li)
    }
  }
}

createTreeView(menu, root);
profile
개발꿈나무

0개의 댓글