如何编辑已通过document.createElement创建的元素的HTML内容？

要编辑已存在的DOM元素，核心是先通过选择器定位到目标元素，再修改它的内容或属性。结合你给出的代码片段和注释需求，完整实现代码如下：

function name(item) {
  // 1. 获取已存在的 .overlayTxt 元素
  const targetDiv = document.querySelector('.overlayTxt');
  if (!targetDiv) return; // 容错：如果元素不存在就终止执行

  var newItem = document.createElement('div');
  newItem.innerHTML = item;

  // 假设 num1 是已定义的变量
  if (num1 > 1) {
    // 修改已存在元素的innerHTML为2
    targetDiv.innerHTML = '2';
  } else {
    // 将新创建的元素追加到目标div中
    targetDiv.appendChild(newItem);
  }
}

关键步骤说明： #

• 获取目标元素：通过document.querySelector('.overlayTxt')定位到页面中class为overlayTxt的已存在div，这是编辑操作的基础
• 容错处理：先判断元素是否存在，防止因找不到元素引发控制台报错
• 逻辑分支执行：根据num1的数值，要么直接修改已有元素的内容，要么把新创建的元素追加到目标div内部

内容的提问来源于stack exchange，提问作者2Odd2Cool YT