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'

原因:appendChild的参数为node节点,导致这样的问题说明当前的参数不是node,有可能是字符串。

例如:

这时dom是字符串

解决方法:

vardom=document.createElement('p');

dom.className='book';

dom.innerHTML='hello world';document.body.appendChild(dom);

此时dom为node。


如果添加的元素是字符串,使用document.createTextNode()创建节点。

vardom=document.createTextNode('hello world');

 在HTML中的效果:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,743评论 0 7
  • 节点层次 DOM 可以将任何 HTML 和 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每...
    云之外阅读 549评论 0 1
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 715评论 0 1
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,825评论 0 8
  • 最近在学习javascript关于DOM的一些知识,在这里对DOM做一些总结。 1.DOM简介 DOM是W3C的标...
    风之郁少阅读 406评论 0 5