Uncaught Error: HierarchyRequestError: DOM Exception 3

最新推荐文章于 2024-08-12 22:55:01 发布

bnmnba

最新推荐文章于 2024-08-12 22:55:01 发布

阅读量366

点赞数

分类专栏： html dom javascript

本文链接：https://blog.csdn.net/bnmnba/article/details/84437770

版权

html 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

javascript

7 篇文章 0 订阅

订阅专栏

dom

2 篇文章 0 订阅

订阅专栏

chrome报错：Uncaught Error: HierarchyRequestError: DOM Exception 3

原因：不能完成指定的dom操作。

例如：添加一个子节点（appendChild ），而这个子节点有一个id属性，同时这个id被其他已经存在一个节点（如这个子节点的父节点）使用。

我遇到问题的演示代码:

var msg="hello";
var msgDiv=document.getElementById("debug_id");
msgDiv.innerHTML=msg;
var h=document.getElementById("debug_id");
h.appendChild(msgDiv);

getElementsByName获得，并且没有id属性就可以正常执行（当然要使用[]去数组中的一个）。

正确的代码：

var msg="hello";
var msgDiv=document.createElement("div");
msgDiv.innerHTML=msg;
var h=document.getElementById("debug_id");
//console.log(h);
h.appendChild(msgDiv);

可以用name代替id。