如何通过chrome控制台更改嵌套在两个iframe内的元素的值？

Question

我有一个元素位于一个 iframe 中，又位于另一个 iframe 中，因此是嵌套的。我想更改它的值，但我不能这样做，因为我认为 chrome 控制台找不到它。

document.querySelector('#someRandomCssSelector').value = "newValue"

有没有办法指定元素嵌套在两个iframe中？

Answer 1

如果元素位于 iframe 内：

然后，如果您将焦点转移到 Console 选项卡，您将找到一个下拉列表，其中第一个项目称为 top，其中包含所需的框架作为子项，如下所示：

同样，在所需元素所在的Console选项卡中选择所需的 iframe。

接下来，给出 HTML：

<input id="accountName" autocomplete="email" autofocus="" class="form-textbox-input fin-input__input" data-test="accountName-input" dir="auto" name="accountName" required="" type="text">

要使用文本

newValue 填充 <input> 字段，您可以在 Console 中执行以下命令：

document.querySelector('input#accountName').value = "newValue"

控制台快照：