通过单击HTML列表元素调用javascript函数

我是网络开发新手，所以这个问题对其他人来说可能太明显了。我想制作一个菜单，当单击菜单项时，它需要使用一个参数调用javascript函数，即项id。我想将菜单项显示为一个无编号的列表。我不明白的是如何将相同的函数绑定到每个列表项，这些列表项将由服务器端php脚本生成。

这将有望让您朝着正确的方向前进。我所做的只是将一个“onClick”事件侦听器绑定到所有

li

元素，您可能需要更改绑定到的内容，以防在其他地方使用它们。然后，当他们被单击时，他们调用函数

myScript

，该函数获取他们的ID并向其发出警报

HTML

<ul>
    <li id="1">Link 1</li>
    <li id="2">Link 2</li>
    <li id="3">Link 3</li>
    <li id="4">Link 4</li>
    <li id="5">Link 5</li>
</ul

链接1
链接2
链接3
链接4
链接5
如果您是web开发人员，那么您应该知道您可以在echo中添加行，或者在单击函数中打印代码，或者在ul liSomething上使用jquery for click函数，比如document.getElementsByTagName（“li”）.addEventListener（“click”，myScript）@乔里先生，他说他是网络开发新手。
var li = document.getElementsByTagName("li");

for(var i = 0;i<li.length;i++){
    li[i].addEventListener("click", myScript);
}

function myScript(e){
    alert(e.target.attributes.id.value);       
}