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。
相关推荐
星星有所不知 2020-10-12
zuncle 2020-09-28
huaoa 2020-09-14
北京老苏 2020-08-17
luvhl 2020-08-17
Kakoola 2020-07-29
drdrsky 2020-07-29
书虫媛 2020-07-08
liaoxuewu 2020-07-08
SIMONDOMAIN 2020-07-08
爱读书的旅行者 2020-07-07
tianzyc 2020-07-04
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children
Lophole 2020-07-04
Lophole 2020-06-28
liaoxuewu 2020-06-26
ApeLife技术 2020-06-26
北京老苏 2020-06-25
Lophole 2020-06-14