JavaScript：按ID检查div元素是否存在遇报错问题求助

错误原因 #

你用const声明了变量d，const定义的变量是只读不可重新赋值的。当目标元素不存在进入else分支时，你尝试给d赋值新创建的DOM元素，这直接违反了const的特性，导致报错。

修复方案 #

方案1：改用let声明变量

let允许变量被重新赋值，适合需要后续修改变量引用的场景：

let d = document.getElementById("added");
if (d) {
  d.innerHTML = "Test2";
} else {
  d = document.createElement("div");
  d.innerHTML = "Test3";
  document.body.appendChild(d);
}

方案2：保持const，使用新变量处理创建逻辑

如果不想改变变量声明方式，可以在else分支里用新变量存储创建的元素：

const d = document.getElementById("added");
if (d) {
  d.innerHTML = "Test2";
} else {
  const newDiv = document.createElement("div");
  newDiv.innerHTML = "Test3";
  document.body.appendChild(newDiv);
}

额外提示 #

你的HTML中div的id是added_2，但JS里查找的是added，如果你的需求是操作这个已存在的div，需要把JS里的getElementById("added")改成getElementById("added_2")，否则会一直进入创建元素的分支。

内容的提问来源于stack exchange，提问作者darkchampionz