javascript - 使用 addEventListener 添加子元素，但事情出了问题

Question

在发生任何事情之前，感谢你们花时间来看看。在我通常用于事件的标准匿名函数上添加事件监听器时，我遇到了一些问题。我想做的就是这个。我有一个下拉菜单中的 anchor 标记列表。从这个下拉菜单中，我想做的是发生一个 onmouseover 事件并在单击它之前创建一个全新的链接。以下是我到目前为止所掌握的内容，以便更好地理解我正在讨论的内容。

我创建了一个全新的变量来“容纳”事件监听器。

var onMouseOver = document.getElementById('menuIcon');

然后我接下来所做的只是创建变量来容纳我创建的所有新元素。这是我的列表元素......

var newLi = document.createElement('li');

这是我的 anchor 元素...

var newA = document.createElement('a');

现在我接下来要做的只是创建一个父元素，以开始将Childs附加到这些新创建的元素上。

var parent = document.getElementById('ul-li-a').getElementsByTagName('li');

现在我知道我搞砸了。我正在尝试用这个来尝试事件监听器......

    onMouseOver.addEventListener('onmouseover' function() {
parent[11].appendChild(newA);
newA.appendChild(newLi);
newA.innerHTML = '<a>Ken\'s Link</a>';
});

但是后来我得到了一个很好的语法错误。未捕获的语法错误:参数列表后缺少 )。

是的，我做错了什么，我知道你们可能会认为这是显而易见的，但在连续二十分钟试图找到答案之后，我发现了不足。我到底做错了什么？

再次感谢大家花时间回答这个问题。你们真是上帝派来的。

编辑!!!!!!!!!

谢谢大家的反馈。我成功了，现在在这个项目完成之前我还有最后一个问题要问。我正在尝试添加相同的事件监听器，并通过创建新元素获得相同的结果...但是...

我决定不创建新的匿名函数来添加到我的事件监听器中...我想创建一个带有函数声明的新事件监听器。这是我为该给定函数编写的代码。

   function newFunction() {
parent[11].appendChild(newLi);
newLi.appendChild(newA);
newA.innerHTML = '<a>DUDE!</a>';
};

现在这是我的事件监听器的内容。

newLink.addEventListener('mouseover', newFunction(){
                         });

但是我有一个错误，因为我的论点中没有任何内容。至少，这就是我假设的情况..这是我遇到的错误。

未捕获的语法错误:参数列表后缺少 )

有人接受吗...??我的代码出了什么问题？

Answer 1

你的addEventListener应该更像这样，

onMouseOver.addEventListener('mouseover', function() {
    ...Your Code...
});