为何按钮元素无法作为子元素添加到父div中？

你的代码存在两个关键问题，核心错误出在最后一行：

1. 错误传递参数给appendChild() #

element.appendChild("button")这行代码里，你传入的是字符串"button"，但appendChild()方法要求接收的是实际的DOM元素对象，而非元素名称的字符串。你之前已经通过document.createElement("button")创建了合法的按钮对象button，应该直接传入这个变量，而非字符串。

2. 未确认父元素是否存在 #

如果页面中不存在id为idClass的元素，document.getElementById("idClass")会返回null，此时调用null.appendChild()会直接抛出错误。

修复后的代码 #

// 获取父元素
const element = document.getElementById("idClass")

// 先确认父元素存在再执行后续操作
if (element) {
  const button = document.createElement("button")
  button.textContent = "Click me"
  // 传入创建好的按钮对象
  element.appendChild(button)
} else {
  console.error("未找到id为'idClass'的父元素")
}

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