appendChild' on 'Node': parameter 1 is not of type 'Node'.

最新推荐文章于 2024-09-12 19:15:57 发布

原创最新推荐文章于 2024-09-12 19:15:57 发布 · 9.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#appendChild

js 专栏收录该内容

122 篇文章

订阅专栏

本文探讨了在JavaScript中正确使用appendChild方法时应注意的问题。强调了该方法接收的是DOM节点而非字符串，通过实例展示了错误的用法，并提醒开发者在操作DOM时确保参数正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 不是节点类型，node 节点的意思，这个方法必须得传节点，而不是字符串

 let di = document.querySelector('#cc')
        let aa = `<div >
            <p>sdfsdkfs</p>
        </div>`
        console.log(aa)
        di.appendChild(aa)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蚁族的奋斗1

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue3 - 详解报错TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.

高级前端工程师

07-27

1万+

vue3，nuxt3，vite，报错，TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type 'Node'.，节点报错，vue3 insertBefore，打包，运行，编译，dom元素，渲染，路由router，组件components，vue3生产环境跳转路由报错，浏览器控制台报错，百度地图使用报错，报错爆红，vue项目报错，插入节点insertBefore()报错，vue3 用global.prod

百度地图使用报错：Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

qq_41588568的博客

04-28

9991

第一次使用百度地图，自定义的inforwindow，使用的时候一直正常，但是只要我把信息窗口的那个叉叉关闭掉，再点击标注的时候就会报上面的这个错误。先给大家看一下我的使用方法：我把信息窗口的数据放在了一个div中，使用vue的数据绑定动态从后台获得数据。 vue文件的data部分：下边是我对信息窗口的使用，从后台获取数据之后，把数据给div中table绑定的pile...

参与评论您还未登录，请先登录后发表或查看评论

Uncaught TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.

qq_43341807的博客

07-05

1万+

js:报错：Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

Uncaught TypeError: Failed to execute appendChild on Node: parameter 1 is not of type Node 解决

热门推荐

splitSecond的博客

06-15

3万+

Uncaught TypeError: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’ 报错原因分析及解决方案. 前序: 最近在复习一下js基础的时候,遇到一些小坑坑,虽然很快解决了但是还是不能平息我的小情绪,特来开贴填了它.希望也能帮到某些遇到同样问题的小伙伴! 对于帮助别人这件事情,我始终坚信"一个人虽然可以走得很快,两个人却可以走得更远!" 思维导图分析: 开始将字符串标签插入容器中程序报错原因是

DOM向HTML中添加元素Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node‘问题

Bdbdbdnnd的博客

07-07

1240

DOM向HTML中添加元素Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'问题

Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.解决办法

weixin_43727933的博客

01-09

2878

在加载geojson文件时报错： Uncaught TypeError: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node 解决办法

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

07-22

这个错误通常发生在你尝试将非有效节点添加到 `appendChild()` 方法中作为参数时。`appendChild()` 方法要求传递一个有效的节点作为参数，而不是其他类型的值。请确保你传递给 `appendChild()` 方法的参数是一个...

ailed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

04-28

这个错误是由于在使用appendChild方法时，传入的参数不是一个Node类型的对象，而是其他类型的数据。appendChild方法只能接受Node类型的对象作为参数，例如Element、Text、Comment、DocumentFragment等。如果传入其他...

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

04-29

可能是你传递给appendChild方法的参数不是一个有效的节点对象，或者是null或undefined。解决此问题的方法是确保你传递给appendChild方法的参数是一个有效的节点对象，例如一个HTML元素、文本节点或注释节点。你还...

浏览器控制台报错“TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node‘”

InterfaceToL的博客

06-01

978

问题原因：获取到的id值不是一个node，不能用appendChild方法。问题背景：通过元素点击事件给td赋值。

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

6块腹肌的博客

07-01

8604

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 出现这个出错的时候，是因为appendChild()方法的参数不是一个有效的元素节点，可以通过element.nodeType()来检测节点的类型，如果为1的话，是可以被添加进去的。 ...

DOM向HTML中添加元素Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'问题...

dey8091的博客

05-23

1534

问题：Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node' 原因：appendChild的参数为node节点，导致这样的问题说明当前的参数不是node，有可能是字符串。例如：这时dom是字符串解决方法： var dom=document.createElement(...

百度地图 - 打开信息窗口错误：Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

锋利的绵羊的博客

11-04

1197

问题：自动切换并无问题，但是在手动关闭信息窗口后下一个窗口无法打开原因：关闭窗口会删除窗口中的元素，下一次要打开窗口时找不到目标元素

v-for 搭配 v-if 产生“failed to execute ‘insertbefore‘ on ‘node‘ parameter 1 is not of type ‘node‘“错误

最新发布

汤一飞

09-12

488

Vue3 中单文件组件最好也用单个根节点包裹, 避免被其他组件遍历时, 因为组件内部存在多个根节点(以及根节点的 v-if)导致问题遍历时不要将 key 放到内部元素上, 就放在 template 上。

猫头虎分享已解决Bug || Uncaught TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of

从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！

06-04

1076

在这篇博客中，猫头虎将详细剖析前端开发中出现的“Uncaught TypeError: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’”错误的原因。通过具体的代码示例、详细的操作步骤以及QA环节，帮助大家彻底解决这个问题。DOM（Document Object Model）节点是指HTML或XML文档中的一个对象。DOM节点可以是元素、文本、属性等。元素节点：代表HTML元素，如

Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type ‘Node‘

firstbird的博客

11-09

6701

Failed to execute ‘insertBefore’ on ‘Node’: parameter 1 is not of type ‘Node’ 意思是：传入到insertBefore的应该是结点类型，而我传的字符串，就会报错的，如下： insertBefore（），需要的结点类型的对象 var html = "<span>我是下拉刷新的~~_"+down+"</span>"; 、、、这里的html是字符串类型的，不是span结点，所以报错 var ul_node .

Uncaught TypeError: Failed to execute ‘appendChild‘ on ‘Node‘: parameter 1 is not of type ‘Node 解决办法

weixin_45124380的博客

06-29

554

使用leaflet.js画图需要给画的区域增加click事件显示画出区域后选择的详情信息 let tr = document.createElement('tr') tr.innerHTML = 'a = '+arr.a+'<br>' for(var item ofparams){ tr.innerHTML+='<br>'+item.label+':'+arr[item.name] } polygon.bindPopup(tr) ...

记在学习编程中的问题

qq_52330660的博客

01-04

442

为了方便，我一开始直接copy的一模一样的代码，三个上传显示文件的代码都是用的一样的id，导致在删除该条记录时，会出现。当我将三个id分别区分，同时写了三个删除函数后，问题解决。1.上传1PDF文件。2.上传2PDF文件。