专栏首页前端小叙js操作DOM在父元素中的结尾添加子节点注意

js操作DOM在父元素中的结尾添加子节点注意

impressionHtml=`<img src=${value} alt=""/>`;
 document.getElementById("wrapper").appendChild(impressionHtml);

js向父元素wrapper中的末尾添加 定义好的html,报错:

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

在stackoverflow上找到很好的一个解释:

所以js是不能直接传入字符串的,但是jquery的append可以直接传入html字符串。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序渲染html的两种方法

    一、使用文档自带的原生API  rich-text, nodes属性直接绑定需要渲染的html内容即可,文档参见这里:https://developers.we...

    蓓蕾心晴
  • bootstrap大图轮播手机端不能手指滑动解决办法

    网上看了很多解决办法,几乎本质都是一样的,都是引入一个滑动的js插件,加入一段js代码,即可生效,但是我试了hammer.js 和 touchSwipe.js ...

    蓓蕾心晴
  • thinphp框架的项目svn重新检出后的必备配置

           刚刚试着去了解thinkphp框架,在这里做一些笔记,后续有新的总结会更新到这里,如有错误与遗漏,望大家指正。        用thinkphp框...

    蓓蕾心晴
  • Node.js CLI 工具最佳实践

    一个糟糕的 CLI 工具会让用户觉得难用,而构建一个成功的 CLI 需要密切关注很多细节,同时需要站在用户的角度,创造良好的用户体验。要做到这些特别不容易。

    ConardLi
  • mongodb之用户权限

    db.createUser({user:'test',pwd:'123456',roles:[{role:'readWrite',db:'unittest'}]...

    拓荒者
  • 构建Vue项目-身份验证

    通常,在开始使用新框架或新语言工作时,我会尝试查找尽可能多的最佳实践,而我更喜欢从一个易于理解,维护和升级的良好结构开始。在这篇文章中,我将尝试解释自己的想法,...

    前端知否
  • node.js基本工作原理及流程

    概述 Node.js是什么 Node 是一个服务器端 JavaScript 解释器,用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动,...

    xiangzhihong
  • Node.js原理

    概述 Node.js是什么 Node 是一个服务器端 JavaScript 解释器,用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动,...

    xiangzhihong
  • 数据结构基础-二叉树的遍历

    二叉树的基本概念:树是一种类似于链表的数据结构,不过树的一个结点可以指向多个结点。树是一种典型的非线性结构。树是表示具有层次特性的图的结构的一种方法。

    1025645
  • day7、用户登陆出现-bash-4.1$错误的原因

    有时候在使用用户登陆Linux系统时会出现-bash-4.1$错误,不显示用户名,路径信息。 原因:用户家目录里面与环境变量有关的文件被删除所导致的 .bash...

    863987322

扫码关注云+社区

领取腾讯云代金券