如何使用小书签填写简单的表格？解决我的简单代码的问题

Question

下午好，

为了节省工作时间，我正在尝试使用 js 自动填充脚本。 Bookmarklets 似乎是最好的方法，但我的简单代码似乎不起作用。

作为测试页，我一直在尝试- http://gangstaname.com/names/gangsta#.Ymf-cujMJPa 因为它是一个简单的网站，只有一个带有 ID 的表单。

我创建了一个书签并将代码更改为

javascript:document.getElementById("NameGangstaForm").value = "Mark";

从理论上讲，根据我所读到的内容，单击此按钮后，它应该将字段值从空白更改为 'Mark'，但它会使整个页面空白，并在左上角插入新名称。

对页面表示歉意，我显然缺乏知识，但我们将不胜感激任何帮助。

Answer 1

#NameGangstaForm 是 <form> 你想要 select <input> 元素 ID #NameName

javascript:document.querySelector("#NameName").value = "Mark";void(0);

最好使用 querySelector() 而不是 getElementById() 因为将来您可以轻松切换到 jQuery 或 CSS

How can I fill in simple forms using bookmarklets? Trouble shooting my simple code