iframe 内 Web 元素的 QuerySelector

编辑：新标题。 我正在寻找的是 iframe 内元素的 document.querySelector 。

我已经用谷歌搜索了很多答案，最后我被难住了。

我正在尝试在 iframe 内查询。我正在构建要在 Selenium 中使用的字符串选择器，通常我只是使用 Firebug 检查元素，并使用 document.querySelectorAll("theStringIBuid");

但它不适用于 iframe 内的元素。我已经尝试了以下所有方法来获取“page-iframe”iframe 内的元素“radiobutton1”。

var elem1 = ".page-iframe";
console.log(elem1);
var elem2 = ".radiobutton1";
console.log(elem2);
document.querySelectorAll(elem1+elem2+"");

document.querySelectorAll('.page-iframe').contentWindow.document.body.querySelectorAll('.radiobutton1')
document.getElementById('.page-iframe').contentWindow.document.body.innerHTML;

[].forEach.call( document.querySelectorAll('.page-iframe'), 
function  fn(elem){ 
console.log(elem.contentWindow.document.body.querySelectorAll('.radiobutton1')); });

var contentWindow = document.getElementById('.page-iframe').contentWindow 
var contentWindow = document.querySelectorAll('.page-iframe') 
var contentWindow = document.querySelectorAll('.page-iframe')[0].contentWindow

Thanks-

简单的es6改编自h3manth https://h3manth.com/content/get-iframe-contents-using-queryselectors:

document.querySelectorAll('iframe').forEach( item =>
    console.log(item.contentWindow.document.body.querySelectorAll('a'))
)