JS通过onClick on div元素获取价值（下拉列表）

Question

在我的div中，我有一些项目列表：

<div id="itemList" class="dropdown-content">
<a value="1">item1</a>
<a value="2">item2</a>
<a value="3">item3</a>
<a value="121">item4</a>
<a value="131">item5</a>
<a value="141">item6</a>
</div>

因此，当我单击item3时，我想使用JS的value（3）。

Answer 1

是2019 =>使用事件委托...和数据集

document.querySelector('#itemList').onclick = function(evt) {
  if (!evt.target.matches('a')) return;
  evt.stopPropagation();

  alert(evt.target.dataset.value);  
}

.dropdown-content a {
  display: block;
  float: left;
  clear: both;
  margin: 1px;
  padding: 2px 10px;
  background-color:lightblue;
  cursor: pointer;
}

<div id="itemList" class="dropdown-content">
  <a data-value="1">item1</a>
  <a data-value="2">item2</a>
  <a data-value="3">item3</a>
  <a data-value="121">item4</a>
  <a data-value="131">item5</a>
  <a data-value="141">item6</a>
</div>

Answer 2

您可以使用onclick：

<a onclick="myFunction(3)">item3</a>