javascript - 子元素未添加到父元素(parent.appendChild)

Question

当我看到这个问题的答案时，我很确定我会狠狠地踢自己(非常狠)，但是当我这样做时，控制台只会输出 img元素。我做错了什么？

按照答案建议进行编辑:

var dynamic = document.createElement("img");
dynamic.src = "images/dynamic.png";
dynamic.setAttribute("id", "img-" + markerData[data].registration);
var markerDiv = document.createElement("div");
markerDiv.appendChild(dynamic);

console.log(markerDiv);

console.log结果:

谢谢

Answer 1

.appendChild返回对子级而不是父级的引用，因此您不能像这样链接它:

var markerDiv = document.createElement("div").appendChild(dynamic);
// markerDiv === dynamic

打破链条，它就会起作用:

var markerDiv = document.createElement("div");
markerDiv.appendChild(dynamic);