更改来自 Chrome 书签的文本输入

Question

我正在尝试在没有 JQuery 的站点上填写文本输入。但是，当我尝试将 Javascript 的 getElementById 函数与 Google Chrome 书签一起使用时，我一直得到空值 return。

如何复制：

将其添加为书签：

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

点击书签并在控制台中看到 "null" 而不是文本输入。

（要获得所需的输出，您可以将 W3 的代码更改为 console.log 元素而不是更改它的值，然后单击 W3 的 "Try it" 按钮）

--

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

Ex) 通过书签点击

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

Changing Text Input from Chrome Bookmark