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