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。

相关推荐