TypeError：无法读取未定义的属性“appendChild”？

Question

我有一个函数应该在我页面的<section>中为所有图像添加一些文本。这是功能：

function addDeleteButton(nodeList){
    var text = document.createElement("p");
    text.innerHTML = "Delete";
    text.style.position = "absolute";
    text.style.bottom = "3";
    text.style.right = "3";
    text.style.zIndex = "10";
    for(var i = 0; i<nodeList.length; i++){
        nodeList[i].onmouseover = function(){
            nodeList[i].appendChild(text);
        }
    }
}

但问题是，当我将鼠标悬停在元素上时，我在控制台中收到此错误：

  

TypeError：无法读取未定义的属性“appendChild”？

当窗口加载时执行该函数，因此没有问题，处理程序也可以正常工作。

有什么问题？感谢。