Javascript 从Chrome书签更改文本输入

我试图在一个没有JQuery的站点上填写文本输入。然而，当我尝试将Javascript的getElementById函数与Google Chrome书签一起使用时，我总是得到一个空返回

如何复制：

上学：

将此添加为书签：

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

单击书签并在控制台中看到null，而不是文本输入

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

-

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

---

例如，通过书签将Mickey更改为Johnny Bravo单击

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

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

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

上面的bookmarklet在TryIt编辑器中不起作用，因为表单位于名为“iframesult”的iFrame中。但这是可行的：

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

---

你太棒了！非常感谢你！有一件事我没有意识到，我试图操纵的页面和w3schools页面都在iframe中。是你的窗框拯救了这一天！我不得不使用window.frames.[fameID].contentDocument来让事情顺利进行，但因为有你，我才能够达到这个效果，bookmarklet工作得非常完美！再次感谢你！