如何从已有的 document.createElement('element') 编辑 html？

Question

我需要编辑已经存在的元素，我该怎么做？

function name(item) {
  var newItem = document.createElement('div')
  newItem.innerHTML = item
  //if num1 > 1 then edit innerHTML of Item to be 2 else append newItem to div
}

<div class="overlayTxt"

>`

Answer 1

您可能需要 appendChild 方法。这会将元素推入列表底部。

在此示例中，我使用

document.body

，它是根 dom 节点。如果您想要更具体的内容，您需要使用 querySelector

选择要附加的元素

function name(item) {
  var newItem = document.createElement('div')
  newItem.innerHTML = item
  document.body.appendChild(newItem)
  //if num1 > 1 then edit innerHTML of Item to be 2 else append newItem to div
}
name('abc')