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

How to change the value of an element nested inside two iframes through chrome console?

提问人:zjavas 提问时间:8/13/2023 最后编辑:journpyzjavas 更新时间:8/14/2023 访问量:37

问:

我有一个元素在 iframe 中,而该 iframe 在另一个 iframe 中,因此它们是嵌套的。我想更改它的值,但我不能这样做,因为我认为 chrome 控制台找不到它。

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

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

html google-chrome selenium-webdriver dom google-chrome-console

评论


答:

0赞 undetected Selenium 8/13/2023 #1

如果元素在 iframe 中:

element_iframe

然后,如果将焦点转移到“控制台”选项卡,您将找到一个下拉列表,其中第一项名为“顶部”,其中包含所需的框架作为子帧,如下所示:

console_iframe

同样,在所需元素所在的“控制台”选项卡中选择所需的 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>

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

控制台快照:

newValue