怎样知道哪个子元素被点击了

在JavaScript中，可以使用事件委托来确定哪个子元素被点击。事件委托是将事件监听器添加到父元素上，然后通过事件对象确定哪个子元素被点击了。

以下是一个示例代码：

HTML:

<ul id="parent">
  <li>子元素 1</li>
  <li>子元素 2</li>
  <li>子元素 3</li>
</ul>

JavaScript:

// 获取父元素
var parent = document.getElementById("parent");

// 添加点击事件监听器到父元素上
parent.addEventListener("click", function(event) {
  // 确定被点击的子元素
  var target = event.target;

  // 检查被点击的元素是否为子元素
  if (target.tagName === "LI") {
    console.log("子元素被点击了：" + target.textContent);
  }
});

在上面的示例中，我们首先使用document.getElementById方法获取父元素。然后，我们使用addEventListener方法将点击事件监听器添加到父元素上。在事件处理程序中，我们使用event.target来获取目标元素，即被点击的元素。然后，我们检查被点击的元素是否为子元素，通过判断目标元素的tagName是否为"LI"来确定。如果被点击的元素是子元素，则输出相关信息到控制台。

这样，无论子元素的数量有多少，我们都可以通过事件委托来确定哪个子元素被点击了。