`
bnmnba
  • 浏览: 292844 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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。

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics