图像的onclick、onmouseover、onmouseout的JavaScript版本

我希望能够调用图像的onmouseover、onmouseout和onclick函数，纯粹使用javascript，而不是HTML。我有一段代码，它使用纯javascript在页面上创建一个动态的段落标记列表。它看起来像一个列表，但不是一个列表。我还在列表的每一行左边添加了一个x图像。我希望在单击该图像时，调用一个函数来删除该行。记住，图像是通过JavaScript而不是HTML添加的。我该怎么做

这是我的密码：

updateAllDataDisplay(false);
function updateAllDataDisplay(addOne) {

    // Updating the entire display
    if (!addOne) {
        for (var i = 0; i < allData.length; i++) {
            let a = document.createElement("p");
            let c = document.createElement("img");
            c.src = "delete_button_smallest_still.png";
            c.addEventListener('click', removeLine(`${allData[i].month}/${allData[i].day}/${allData[i].year} (${allData[i].hours}:${allData[i].mins}:${allData[i].secs}): ${allData[i].exerciseHours}. ${allData[i].food}. ${allData[i].weight}. ${allData[i].mood}.`), false);
            a.appendChild(c);
            let d = document.createTextNode(" ");
            a.appendChild(d);
            let b = document.createTextNode(`${allData[i].month}/${allData[i].day}/${allData[i].year} (${allData[i].hours}:${allData[i].mins}:${allData[i].secs}): ${allData[i].exerciseHours}. ${allData[i].food}. ${allData[i].weight}. ${allData[i].mood}.`);
            a.appendChild(b);    
            document.body.appendChild(a); 
        }

    // Updating the last item of the display
    } else if (addOne) {
        let a = document.createElement("p");
        if (allData.length > 0) {
        let b = document.createTextNode(`${allData[allData.length - 1].month}/${allData[allData.length - 1].day}/${allData[allData.length - 1].year} (${allData[allData.length - 1].hours}:${allData[allData.length - 1].mins}:${allData[allData.length - 1].secs}): ${allData[allData.length - 1].exerciseHours}. ${allData[allData.length - 1].food}. ${allData[allData.length - 1].weight}. ${allData[allData.length - 1].mood}.`);
        a.appendChild(b);
        document.body.appendChild(a);
        }
    }
}

updateAllDataDisplay（false）；
函数updateAllDataDisplay（addOne）{
//更新整个显示
如果（！addOne）{
对于（var i=0；i0）{
设b=document.createTextNode（`${allData[allData.length-1].month}/${allData[allData.length-1].day}/${allData[allData.length-1].year}（${allData[allData.length-1].hours}:${allData[allData.length-1].mins}:${allData[allData.length-1].secs}:${allData[allData.length-1].length-1].secs}.${[allData.length-1].weight}.${allData[allData.length-1].mood}.`）；
a、 儿童（b）；
文件.正文.附件（a）；
}
}
}

使用

addEventListener

---

查看此处的文档：

使用

addEventListener

---

查看此处的文档：

出于某种原因，我必须键入鼠标单击时要执行的函数，而不带括号。因此，我通过创建一个可以修改的全局变量来避免这种情况。现在我面临另一个问题。我在删除包含小图像和参数的段落元素时遇到问题document.body中的文本行。如何将图像和文本行添加到页面正文的代码在我的原始帖子中。有什么帮助吗？它不允许我编辑我的评论。但我的目标是：我试图将数据传递给调用“click”的函数，该函数在图像行和ext是为了从document.body中删除该行而创建的。出于某种原因，我必须键入要在鼠标单击时执行的函数，而不带括号。因此，我通过创建一个可以修改的全局变量来规避此问题，而不是传递参数。现在我面临另一个问题。我在删除paragr时遇到问题aph元素，其中包括document.body中的小图像和文本行。如何将图像和文本行添加到页面正文中的代码在我的原始帖子中。有什么帮助吗？它不允许我编辑我的评论。但我的目标是：我正试图将数据传递给识别document.body.cu的“click”函数为从document.body中删除该行而创建图像和文本行时的rrentChild