javascript - 为什么appendChild取代parentElement？

Question

为什么这不起作用:

 document.createElement('ul').appendChild(document.createElement('li'))

如果我将创建的元素保存在变量中并尝试将一个元素附加到另一个元素(父元素)中，也会发生这种情况。

UPD:我需要返回(节点)或像<ul><li><li><ul>这样的html

Answer 1

您只需将 UL 附加到某些内容...

const appendList = (trunk, n) => {
  const ul = document.createElement('ul')
  for (let i = 0; i < n; i++) ul.appendChild(document.createElement('li'))
  trunk.appendChild(ul)
}

appendList(document.body, 4)

const element = document.getElementById('element')
appendList(element, 2)

或者，您可以执行以下操作

const appendList = (trunk, n) => {
  const ul = document.createElement('ul')
  for (let i = 0; i < n; i++) ul.appendChild(document.createElement('li'))
  document.querySelector(trunk).appendChild(ul)
}

appendList('#element', 10)
appendList('.otherElement', 3)