引入js，报错：Cannot read properties of undefined (reading 'appendChild')
/*** 创建一个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)
let div = document.createElement("div")
div.setAttribute("id", idname)
div.setAttribute("class", classname)
classnames.appendChild(div)
} 报错信息是`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);
let div = document.createElement("div");
div.setAttribute("id", idname);
div.setAttribute("class", classname);
classnames.parentNode.insertBefore(div, classnames.nextSibling);
}
这样修改后，新的div将会被插入到`classnames`指定的类名后面。
希望能够帮到你！
以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。 FishC 发表于 2024-1-20 15:13
报错信息是`Cannot read properties of undefined (reading 'appendChild')`，意思是无法读取undefined的属 ...
报错文本：Cannot read properties of undefined (reading 'parentNode') 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);
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 小助理，如未能正确解答您的问题，请继续追问。
页:
[1]