[已解决]引入js，报错：Cannot read properties of undefined (reading 'appendChild')

Sorawithcat

/**
 * 创建一个div在指定的类名后
 * @param {any} creatadds - 指定的类名，新的div将创建在它之后，必填项
 * @param {any} creataddsxiaobiao - 指定类名的下标，默认为0
 * @param {any} idname - 给予新的div的id，默认为空
 * @param {any} classname - 给予新的div的类名，默认为空
 */
function creatDivByClass(creatadds = "", creataddsxiaobiao = 0, idname = "", classname = "") {
    let classnames = document.getElementsByClassName(creatadds)[creataddsxiaobiao]
    let div = document.createElement("div")
    div.setAttribute("id", idname)
    div.setAttribute("class", classname)
    classnames.appendChild(div)
}

最佳答案

月排行榜 / 总排行榜

FishC

2024-1-20 15:17:24

Sorawithcat 发表于 2024-01-20 15:16
报错文本：Cannot read properties of undefined (rea ...

抱歉，我之前给出的代码有误。报错信息指出无法读取undefined的属性'parentNode'，意味着`classnames`是undefined，没有父节点可以通过`parentNode`访问。

要解决这个问题，我们需要检查代码中获取`classnames`的部分。请确保指定的类名是正确的，并且在DOM中存在具有该类名的元素。 以下是修改后的代码：

/**
 * 创建一个div在指定的类名后
 * @param {string} creatadds - 指定的类名，新的div将创建在它之后，必填项
 * @param {number} creataddsxiaobiao - 指定类名的下标，默认为0
 * @param {string} idname - 给予新的div的id，默认为空
 * @param {string} classname - 给予新的div的类名，默认为空
 */
function creatDivByClass(creatadds = "", creataddsxiaobiao = 0, idname = "", classname = "") {
  let classnames = document.getElementsByClassName(creatadds)[creataddsxiaobiao];
  if (classnames) {
    let div = document.createElement("div");
    div.setAttribute("id", idname);
    div.setAttribute("class", classname);
    classnames.parentNode.insertBefore(div, classnames.nextSibling);
  } else {
    console.error(`找不到指定的类名：${creatadds}`);
  }
}

这样修改后，在调用`creatDivByClass()`时，确保传入正确的类名和下标，以及存在该类名的元素。如果找不到指定的类名，会在控制台输出错误信息。希望这次能够解决问题！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

跳转到最佳答案楼层

FishC

报错信息是`Cannot read properties of undefined (reading 'appendChild')`，意思是无法读取undefined的属性'appendChild'。根据代码逻辑分析，可能出错的地方是`classnames.appendChild(div)`这一行。

问题出在`classnames`是一个类数组对象（HTMLCollection），而`appendChild()`方法是作用于DOM元素上的，而不是HTMLCollection对象上的。所以导致了错误。

要解决这个问题，需要明确是要将新的div添加到哪个DOM元素下面。可以通过指定一个目标元素的唯一标识来操作。

以下是修正后的代码：

/**
 * 创建一个div在指定的类名后
 * @param {any} creatadds - 指定的类名，新的div将创建在它之后，必填项
 * @param {any} creataddsxiaobiao - 指定类名的下标，默认为0
 * @param {any} idname - 给予新的div的id，默认为空
 * @param {any} classname - 给予新的div的类名，默认为空
 */
function creatDivByClass(creatadds = "", creataddsxiaobiao = 0, idname = "", classname = "") {
    let classnames = document.getElementsByClassName(creatadds)[creataddsxiaobiao];
    let div = document.createElement("div");
    div.setAttribute("id", idname);
    div.setAttribute("class", classname);
    classnames.parentNode.insertBefore(div, classnames.nextSibling);
}

这样修改后，新的div将会被插入到`classnames`指定的类名后面。

希望能够帮到你！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

Sorawithcat

FishC 发表于 2024-1-20 15:13
报错信息是`Cannot read properties of undefined (reading 'appendChild')`，意思是无法读取undefined的属 ...

报错文本：Cannot read properties of undefined (reading 'parentNode')

FishC

Sorawithcat 发表于 2024-01-20 15:16
报错文本：Cannot read properties of undefined (rea ...

抱歉，我之前给出的代码有误。报错信息指出无法读取undefined的属性'parentNode'，意味着`classnames`是undefined，没有父节点可以通过`parentNode`访问。

要解决这个问题，我们需要检查代码中获取`classnames`的部分。请确保指定的类名是正确的，并且在DOM中存在具有该类名的元素。 以下是修改后的代码：

/**
 * 创建一个div在指定的类名后
 * @param {string} creatadds - 指定的类名，新的div将创建在它之后，必填项
 * @param {number} creataddsxiaobiao - 指定类名的下标，默认为0
 * @param {string} idname - 给予新的div的id，默认为空
 * @param {string} classname - 给予新的div的类名，默认为空
 */
function creatDivByClass(creatadds = "", creataddsxiaobiao = 0, idname = "", classname = "") {
  let classnames = document.getElementsByClassName(creatadds)[creataddsxiaobiao];
  if (classnames) {
    let div = document.createElement("div");
    div.setAttribute("id", idname);
    div.setAttribute("class", classname);
    classnames.parentNode.insertBefore(div, classnames.nextSibling);
  } else {
    console.error(`找不到指定的类名：${creatadds}`);
  }
}

这样修改后，在调用`creatDivByClass()`时，确保传入正确的类名和下标，以及存在该类名的元素。如果找不到指定的类名，会在控制台输出错误信息。希望这次能够解决问题！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。