window.document.querySelector 是否可以访问shadowDOM？

Question

我有这样的代码，它从文档中选择特定的元标记。我对这段代码的期望是从头部的许多标签中选择并获取第一个标签。

这段代码到目前为止一直工作正常，但是发生了一些事情，选择了 iframe 的 ShadowDOM 内的元标记。据我所知，iframe是独立工作的，无法访问，那我为什么要访问它呢？

querySelector 正在寻找第一个元素，所以即使我可以访问 iframe，head 中的元素不会是第一个吗？

const getDisplayLocation = () => {
  return window.document.querySelector('meta[name="temp_role"]').content;
};

我怀疑 window.document 是发生这种情况的原因，但我还没有找到确切的原因。

Answer 1

你可以使用window.top来获取主窗口

window.top.document.querySelector('meta[name="temp_role"]');