IFrame的文档选择器在DevTools控制台中返回null，但在单击Elements选项卡后返回元素

Question

您可以在下面的屏幕截图中看到我选择元素的尝试。前两个不起作用，但第三个尝试，与第二个相同，有效。我无法弄清楚这是不是......

1）我不知道的预期JavaScript行为

2）Chrome DevTools中的错误

3）与此页面的DOM有关，因为它正在加载为Iframe（虽然我在页面加载后输入这些命令）

添加了代码：

<select _optionid="6AFR69NF" _optionname="Reserving with a Pass?" class="option_p" onchange="boptions_onchange(this);cb_onContentHeightChanged();">

Answer 1

您应该在控制台中查看execution context。当您打开DevTools时，它默认设置为“top”，但是当您在iFrame中调用“inspect element”时，它会自动更改为您的iFrame。您只需从此下拉列表中选择必要的上下文即可。