如何找到焦點中的多個元素

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"]')

將返回第一個匹配項，該匹配項是活動元素的活動子項。