小编gum*_*age的帖子

使用纯javascript获取li元素onclick,而不对每个元素应用onClick

首先我不想使用jQuery,只是纯粹的javascript; 请不要链接到重复的jQuery帖子.

如果我有一个像这样的列表

<ul id="bulk">
    <li id="one"></li>
    <li id="bmw"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想获取被点击的列表元素的id.我知道我可以为每个元素添加onClick ="",但我有2000个条目的生产列表,我认为存在更好的方法.

例如:

如果我只有一个li元素,id='singular'我可以使用以下javascript来获取点击的ID.

var li = document.getElementById('singular').onclick = function() { do something };
Run Code Online (Sandbox Code Playgroud)

由于有数千个li元素,此代码将无法正常工作.

我已经能够使用以下javascript获取元素名称列表:

var bulk = document.getElementById('bulk');
var bulkli = tabs.getElementsByTagName('li');
//bulkli contains ["one", "bmw"];
Run Code Online (Sandbox Code Playgroud)

但这并没有告诉我哪一个被点击了.

html javascript

27
推荐指数
2
解决办法
3万
查看次数

标签 统计

html ×1

javascript ×1