JavaScript-'；追加儿童'；在'；节点'；：参数1的类型不是'；节点'；

我无法解决这个问题（学习JS），还有其他线程，但没有一个对我有帮助

根据“”：

添加节点非常简单：

// Create a new paragraph element, and append it to the end of the document body
var p = document.createElement("p");
document.body.appendChild(p);

然而，当我这样做时，我得到：

“…参数1不是节点类型”

JS代码：

(function () {

    var myNode = document.querySelector('#shiny-pics .pixgrid ul');       
    myNode.addEventListener("click", function(e) {        
        if (e.target.tagName === 'IMG') {         
            var myOverlay = document.createElement('div');
            myOverlay.id = 'overlay';
            document.body.appendChild('myOverlay');
            /*console.log(typeof(myOverlay));*/
            /*console.log(myOverlay.prototype.toString());*/
        }
    
    }, false); //image is clicked       
})();

我还尝试查看变量“myOverlay”（带有typeof）的类型，但它只显示对象

还有：，但我只看到了第一个错误，即对象不是node类型。查看我的注释代码。

您正在追加（或试图追加）字符串

'myOverlay'

，而不是您创建的节点。就像你没有写的第一个代码示例一样

  document.body.appendChild('p');

你应该写

    document.body.appendChild(myOverlay);

---

如此尴尬，漫长的一天编码。谢谢