Uncaught Error: HierarchyRequestError: DOM Exception 3

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。