如何提取所有href'；在<；main>；使用javascript的元素

我试图创建一个数组，该数组使用javascript保存主元素中的所有href。现在我不是一名程序员，但我想我会尝试用以下两种方式之一来实现它：

a） 隔离主元素（document.getElementsByTagName（“main”）），然后尝试从此对象提取所有href

b） 创建页面上所有href的数组（document.links），然后检查每个href是否将main作为父节点

到目前为止，我还没有找到任何一种方法的解决方案。有人能帮我创建一个包含main中所有href的数组的代码片段吗？先谢谢你。我已经花了好几个小时自己弄明白了

HTML示例：

<main>
 <div id="content">
  <div class="classA">
   <a href="/pagePathA/"></a>
  </div>
  <div class="classB">
   <a href="/pagePathB/"></a>
  </div>
 </div>
</main>

使用querySelectorAll

let hrefs=[…document.querySelectorAll（'main a[href]'））].map（（{href}）=>href）；
console.log（hrefs）

请添加一个显示实际代码/问题的代码，以便我们可以帮助您解决问题。您需要香草JS或JQuery也是可以接受的？
document.queryselectoral（'main a[href'））
将使用href获取所有元素。。。从那里就应该有了easy@Bravo您可以将此作为答案发布。您只需要具有
href
的元素，这些元素是
主元素的直接后代？你的b）是这样建议的。或者所有在main下方带有
href
的eMenet。谢谢你，好极了，在你的帮助下，我能够解决我的问题。非常感谢！