美文网首页
DOM向HTML中添加元素Failed to execute '

DOM向HTML中添加元素Failed to execute '

作者: 杜朝辉 | 来源:发表于2019-12-13 17:50 被阅读0次

问题: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中添加元素Failed to execute '

    问题:Failed to execute 'appendChild' on 'Node': parameter 1...

  • 学习笔记-js-2017.2.25

    一、HTML DOM 元素(节点) 1、创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创...

  • 创建新元素

    创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在...

  • JavaScript DOM编程(3)DOM元素(节点)

    创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在...

  • JavaScript Node节点

    通过DOM,JavaScript可以动态移除或添加HTML元素。 添加HTML节点 要创建新的 HTML 元素,需...

  • 节点 委托

    如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。实例 ...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • jQuery(四)_设置DOM

    jQuery(四)_设置DOM 创建元素向body中添加元素var box = document.createEl...

  • 学习W3school的DOM教程

    总而言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。 DOM实例,学习全部DOM操作。

  • HTML DOM 事件对象

    HTMLDOM事件对象 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

网友评论

      本文标题:DOM向HTML中添加元素Failed to execute '

      本文链接:https://www.haomeiwen.com/subject/itqqnctx.html