从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"));
})();

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

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

-

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

例如）通​​过单击书签将“米奇”更改为“约翰尼·布拉沃”

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();