javascript - 获取 HTML 元素的 CSS 选择器/路径

Question

我使用过滤了HTML 类元素

elements = document.querySelectorAll("div._3arMG")

现在我有了一个我需要的 HTML 元素列表，我想要列表中每个 HTML 元素的CSS 选择器/路径elements。

右键单击控制台中的 HTML 元素时的CSS 选择器Copy-> -> Copy Selector->#root > div._3arMG

请建议我如何使用 Javascript 获得这个 CSS 选择器？

标签： javascripthtmljquerycsscss-selectors

Answer 1

您可以使用Element.querySelector()或Element.querySelectorAll()，选择适合您的情况

const elements = document.querySelectorAll("div._3arMG")

for (const element of elements){
  const subElements = element.querySelectorAll('.someclass')
  // or
  const subElement = element.querySelector('.someclass')
  
  // ... 
}

---

参考

Element.querySelector()

Element.querySelectorAll()