未捕获错误：NOT_FOUND_ERR：appendChild调用的DOM异常8 [重复]

Question

可能重复：
javascript appendChild不起作用

错误发生在此代码段的最后一行：

 var anchor = "<a id=\"hostname\" href=\"" + destination + "\"> "+ imagename + "</a>";
 var specialdiv = document.getElementById("specialdiv");
 console.log("div: " + specialdiv);
 specialdiv.appendChild(anchor);

真的没有其他事情......我确认specialdiv不是null或类似的东西。 任何人都可以解释为什么我在这条线上得到这个错误？

Answer 1

不传递字符串，而是传递元素

var link = document.createElement('a');
link.innerHTML = imagename;
link.id = "hostname";
link.href = destination;

var specialdiv = document.getElementById("specialdiv");
specialdiv.appendChild(link);

Answer 2

您收到该错误是因为appendChild采用DOM元素，而不是字符串。 在使用appendChild之前，您需要实际创建一个DOM元素。

var anchor = document.createElement('a');
anchor.id = "hostname";
anchor.href = destination;
anchor.innerHTML = imagename;

var specialdiv = document.getElementById("specialdiv");
specialdiv.appendChild(anchor);