javascript - 获取被点击的 li 元素的值

Question

首先，我向 ul 添加一个 EventListener，如下所示:

action_list_ul.addEventListener("click", set_ua_value, false);

set_ua_value 的工作是:

• 监听对 ul 子元素(li 元素)的每次点击• 获取被点击li 内a 标签的值(innerHTML？)

<ul id="action-list">
<li><a href="#">foo</a></li>
<li><a href="#">bar</a></li>
</ul>

如果单击了 foo，我需要检索“foo”字符串。

由于我是 javascript 的新手，所以我不确定如何获得实际的“this”点击的李。

我不想使用 jQuery。谢谢:)

Answer 1

一种快速而肮脏的方法是将事件绑定(bind)到列表，并通过 anchor 标记进行过滤:

JS

var action_list_ul = document.getElementById('action-list');
action_list_ul.addEventListener("click", set_ua_value, false);

function set_ua_value (e) {
  if(e.target.nodeName == "A") {
       console.log(e.target.innerHTML);
    }

}

JS Bin

或者，您可以通过 LI 进行过滤，并通过 firstChild 或 childNodes[0] 访问 anchor 。