querySelector不返回iframe中具有类的元素

Question

我正在尝试返回已加载到页面上的iframe中的第一个h1元素。

var res = await (await fetch(`https://www.google.com/search?q=${text}`)).text(); //Text is a variable assigned previously
var currentFrame = document.getElementById('frame0');       
var currentDocument = currentFrame.contentWindow.document;
currentDocument.write(res);

var elem = currentDocument.querySelector("h1");
console.log(elem);

我能够正确显示iframe内容，但是当我尝试打印“ elem”值时，只要所述页面的h1标签有一个类，它就会显示为null。

如：

<h1>Test</h1> //is found properly and console.log prints "Test" which is what I want

但是另一方面...

<h1 class="classyBoy">Test</h1> //isn't found properly and return null

我尝试将querySelector（“ h1”）更改为querySelector（“ h1 *”）和querySelector（“ * h1”），但没有成功。

Answer 1

我一开始等待直到currentDocument.body！= null，查询就开始工作。