Question

我有一个HTML，其中有多个元素处于活动状态。

`document.activeElement `

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

示例代码如下。

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

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

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

Answer 1

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

这将选择每个活动元素的每个活动子元素。遗憾的是，尽管它还会选择第3个，第4个... n个孩子。因此，如果您有其他方法可以区分哪个是第二个，那么任务将更加简单。如果有什么不同-返回数组中的第一个元素将是您所需要的。但是如果您有几个“第二活跃孩子”要选择-那么您将没有运气。

还：

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

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

如何找到一个以上的焦点

1 个答案: