javascript - 从 Chrome 书签更改文本输入

Question

我正在尝试在没有 JQuery 的网站上填写文本输入。但是，当我尝试将 Javascript 的 getElementById 函数与 Google Chrome 书签结合使用时，我不断收到 null 返回。

如何复制:

前往 W3Schools:https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_text_value2

将此添加为书签:

javascript:(function(){
    console.log(document.getElementById("myText"));
})();

单击书签，然后在控制台中看到“null”，而不是文本输入。

(要获得所需的输出，您可以将 W3 的代码更改为 console.log 元素，而不是更改其值，然后单击 W3 的“尝试”按钮)

--

这里的目标是能够通过脚本更改这些文本输入值。

例如)通​​过书签点击将“Mickey”更改为“Johnny Bravo”

Answer 1

将挂锁图标拖到书签工具栏，右键单击，编辑 URL 并将其设置为:

javascript:document.getElementById("myText").value = "Johnny Bravo";document.close();

然后单击它来更改 myText 的值。设置值后需要关闭文档，否则它将写入新文档。

上面的小书签在您的 TryIt 编辑器中不起作用，因为该表单位于名为“iframeResult”的 iFrame 中。但这是有效的:

javascript: window.frames.iframeResult.document.getElementById("myText").value = "Johnny Bravo";document.close();