getElementsByClassName.appendChild报错“Uncaught TypeError: t1.appendChild is not a function”

最新推荐文章于 2024-04-25 17:53:36 发布
最新推荐文章于 2024-04-25 17:53:36 发布
阅读量789 收藏
点赞数 1
分类专栏： js html 文章标签： 前端 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/god_sword_/article/details/121021674
版权

在这里插入图片描述getElementsByClassName这个方法返回的是：返回文档中所有指定类名的元素集合。因为集合是没有appendChild这个方法的，所以使用getElementsByClassName这个方法获取的元素使用appendChild方法会报错，想要用appendChild就不要用getElementByClassName，而是使用getElementById。

aspirant-complete
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
09-25
document.getElementsByClassName在ie8及其以下浏览器的兼容性问题，在ie8及其以下浏览器中不能使用，针对这个问题，下面给出详细的解决方法，感兴趣的朋友可以参考下
【JavaWeb】学习笔记（前端部分）
m0_53488817的博客
08-07 531
1.本篇为学习笔记，分享一下，按需取用。 2.推荐作为目录来查询，也就是CTRL+F，不建议浪费太多时间在这个上面。除非想和我一样，想要对前端有个属于自己的理解。
关于JS使用appendChild(Node)函数出现Uncaught TypeError: appendChild is not a function的解决方案
高电平的博客
03-27 6876
关于JS使用appendChild(Node)函数出现Uncaught TypeError: appendChild is not a function的解决方案 再学习JS的过程中，我想通过createElement()方法创建一个节点再通过appendChild()方法插入到页面中，但是使用的过程中出现了Uncaught TypeError: appendChild is not a function的报错，在经过查找资料和解决方案，我发现在获取DOM元素时使用getElementByXXX()方法时，
JavaScript DOM学习笔记
Samuel的博客
08-13 609
DOM（Document Object Model） dom提供了操作html和xml的机会，他是一个操作html和xml功能的一类对象的集合 DOM的基本操作 document代表整个文档 NodeList，一种节点集合 有item(x)方法（与NodeList[x]效果一样） HTMLCollection，HTML文档中的一种集合类型 该集合是对元素的引用，也就是说不是元素的闪照 有item(x)方法；有namedItem(name)方法，通过标签的name属性获取某一项的引用（可以直接用中括号使用如
javascript的appendChild的问题
weixin_45637920的博客
09-13 304
javascript的appendChild的问题 今天在学习的时候发现了javascript的appendChild()的方法有着自己没有注意的地方。 重点： 如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。 请看以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c
js里用append()和appendChild有什么区别？
高先生的猫
06-16 8913
parentNode.append()是还在试用期的方法，有兼容问题。 是在parendNode节点中最后一个子节点后插入新Node或者DOMString（字符串，插入后为Text节点） 与parentNode.appendChild()的区别在于：parentNode.append()可以同时传入多个节点或字符串，没有返回值； 而parentNode.appendChild()只能传一个节点，且不直接支持传字符串 (需要parentNode.appendChild(document.creat...
Uncaught TypeError: appendChild is not a function
XiongYiping666的博客
07-25 782
js报错
JS 报错getElementsByClassName.appendChild报错“Uncaught TypeError: s.appendChild is not a function”
01-11 480
getElementsByClassName这个方法返回的是：返回文档中所有指定类名的元素集合。因为集合是没有appendChild这个方法的，所以使用getElementsByClassName这个方法获取的元素使用appendChild方法会报错，想要用appendChild就不要用getElementByClassName，而是使用getElementById。getElemenByTagName 也不行哦。
Javascript中DOM常用方法和属性总结
qq_2511276124的博客
12-09 1653
文档对象模型 (DOM)将 web 页面与到脚本或编程语言连接起来。通常是指 JavaScript，但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM 模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点 (node)，每个节点都包含着对象 (objects)。DOM 的方法 (methods) 让你可以用特定方式操作这个树，用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器，一旦某一事件被触发了，那些事件处理器就会被执行。
JS添加子节点报错：appendChild is not a function
热门推荐
qq_44731369的博客
08-15 1万+
报错信息： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&
getelementsbyclassname:自动从code.google.compgetelementsbyclassname导出
05-26
getelementsbyclassname 自动从code.google.com/p/getelementsbyclassname导出 此代码是根据
js document.getElementsByClassName的使用介绍与自定义函数
10-21
今天在增加一个功能的时候需要用到getElementsByClassName()，getElementsByClassName但是HTML5 新增的DOM API。IE8以下不支持，那么就需要下面的方法解决了
autorepair.github.io:汽车维修店软件
05-17
JAVASCRIPT类型 数字 细绳 布尔型 不明确的 空值 目的 JAVASCRIPT比较 ！== ...var a =函数名（）{}函数名（）{}返回 ...中断案例catch类const继续调试器默认删除...getElementsByTagName getElementsByClassName getEleme
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 418
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 602
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
Record Little
04-23 627
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
Vue-router的动态路由：获取传递的值
woliuhuaqiangla的博客
04-22 392
Vue.js是一款流行的JavaScript框架，用于构建单页面应用程序。它提供了许多有用的功能，其中之一是Vue-router，它允许您轻松地管理应用程序的路由。Vue-router支持动态路由，这意味着您可以在路由中使用变量，并在组件中访问它们。本文将介绍如何定义Vue-router的动态路由，以及如何获取传递的值。动态路由的优缺点动态路由是指根据特定的参数来动态地生成路由，这在使用Vue-router时是非常常见的。
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 299
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
uniapp使用echarts在h5可以运行,实机测试报错:TypeError: Cannot read property 'getElementsByClassName' of undefined
06-02
这个错误可能是由于在实机测试时，DOM元素还没有加载完成，导致ECharts无法找到指定的DOM元素而报错。你可以尝试在页面加载完成后再初始化ECharts图表，可以使用uniapp提供的`onReady`生命周期函数或者`mounted`钩子...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值