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

Sorawithcat

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

复制代码

最佳答案

月排行榜 / 总排行榜

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中存在具有该类名的元素。 以下是修改后的代码：

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

复制代码

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

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

跳转到最佳答案楼层

FishC

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

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

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

以下是修正后的代码：

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

复制代码

这样修改后，新的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中存在具有该类名的元素。 以下是修改后的代码：

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

复制代码

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

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