在Javascript中单击父项后获取子项

在JavaScript中，要实现单击父项后获取子项，可以通过事件委托和DOM操作来实现。以下是一个实现该功能的示例：

// HTML结构示例
<ul id="parentList">
  <li>父项1
    <ul>
      <li>子项1</li>
      <li>子项2</li>
      <li>子项3</li>
    </ul>
  </li>
  <li>父项2
    <ul>
      <li>子项4</li>
      <li>子项5</li>
      <li>子项6</li>
    </ul>
  </li>
</ul>

// JavaScript代码示例
document.getElementById('parentList').addEventListener('click', function(event) {
  var target = event.target;
  if (target.tagName === 'LI') {
    var childItems = target.getElementsByTagName('li');
    for (var i = 0; i < childItems.length; i++) {
      console.log(childItems[i].textContent);
    }
  }
});

上述代码首先通过事件委托方式给父项添加了点击事件监听器。当父项被点击时，事件会冒泡到父项上，通过event.target可以获取到实际被点击的元素。然后判断被点击的元素是否是LI标签，如果是，则通过getElementsByTagName方法获取到该父项下的所有子项，然后遍历子项并输出其内容。

这样就实现了在JavaScript中单击父项后获取子项的功能。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云函数计算（云原生）：https://cloud.tencent.com/product/scf
• 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
• 腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
• 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
• 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
• 腾讯云物联网开发平台（物联网）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发平台（移动开发）：https://cloud.tencent.com/product/lvb
• 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（区块链）：https://cloud.tencent.com/product/tbaas
• 腾讯云腾讯会议（音视频）：https://cloud.tencent.com/product/tcmeeting
• 腾讯云云函数（云计算）：https://cloud.tencent.com/product/scf
• 腾讯云云产品全览（云计算）：https://cloud.tencent.com/products

请注意，这里只是举例了一些腾讯云的产品，其他厂商的类似产品也可以根据需求进行选择。