在CodePen等在线编辑器中选择iframe

Question

让我们从this pen开始。其中有一个iframe，其中显示了我们的代码（位于左侧）的输出（位于右侧）。

我想知道如何使用在代码编辑器中编写的Javascript 选择iframe。我尝试了很多东西，但没有一个起作用。

方法1：

let iframe = document.querySelector('iframe');
console.log(iframe); // but, this logs out null

方法2：

let doc = document.querySelector('html').parentNode; // this selects "#document", which is the direct child of iframe, and it works
let iframe = doc.parentNode; // but, this doesn't worked
console.log(iframe); // logs out null

此外，如果该解决方案可以在其他在线编辑器（例如JSFiddle或JSBin）上运行，那就更好了