如何找到焦点中的多个元素

Question

我有一个HTML，其中有一个元素是活跃的。

`document.activeElement `

返回第一个，但我需要找到焦点的第二个元素。

示例代码如下。

`<ul Class="ul1" Active="true">
   <!-- some tags-->
       <ul class="ul2">
           <li Active="true">My Element</li>
       </ul>            
   </ul>`

我需要在上面的代码中找到My Element，它是动态的（有些标签部分会有不同的标签组合），而且在UL2中li的位置也会有所不同。

请帮助用javascript获取第二个元素。

Answer 1

document.querySelectorAll('[Active="true"] [Active="true"]')

这将选择每个活动元素的每个活动子元素。 可悲的是，虽然它也会选择第3，第4 ......第n个孩子。 因此，如果你有任何其他方法来区分哪一个是第二个，那么任务将更加简单。 如果它有任何区别 - 返回数组中的第一个元素将是您需要的。 但如果你有几个“第二个活跃的孩子”你想选择 - 那么你就没有运气了。

也：

document.querySelector('[Active="true"] [Active="true"]')

将返回第一个匹配项，该匹配项是活动元素的活动子项。