如何通过Chrome控制台更改嵌套在两个iframe中的元素的值?

2nc8po8w  于 2023-09-28  发布在  Go
关注(0)|答案(1)|浏览(119)

我有一个元素在一个iframe中,这个iframe在另一个iframe中,所以它们是嵌套的。我想改变它的值,但我不能这样做,因为我不认为Chrome控制台可以找到它。

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

有没有办法指定元素嵌套的两个iframe?

bjg7j2ky

bjg7j2ky1#

如果元素在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"

控制台快照:

相关问题