使用 queryselector by id 自动填充用户名和密码

Question

我正在尝试创建一些简单的 javascript 来自动填充网页。

我想修改以下内容，以便与用户名“password_username”和密码“password_password”的特定 elementid 一起使用

var result = [];

// Get all links from the page need to change to specific for username

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "username";
}

// Get all links from the page need to change to specific for password

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "password";
}

// Call completion to finish
completion(result) `

我才刚刚开始学习代码，只有非常基础的 javascript 知识，非常感谢您的帮助！

干杯，

垫子

Answer 1

希望我正确理解了你的问题。

通过idselect一个特定的字段并为其设置一个值，你可以使用document.querySelector("#the_id").value = "the_value";

如果你有一个{id:value}结构的对象，你可以循环处理它：

const creds = {
  id1: 'val1',
  id2: 'val2' // ...
};

for (const [id, val] of Object.entries(creds)) {
  document.querySelector(`#${id}`).value = val;
}

如果我不明白您的需求，请说明，我很乐意提供帮助。

Answer 2

不确定这是否会像想象的那样工作，因为我现在无法对其进行测试，但请试一试：

const usernameElements = document.querySelectorAll(`input[type="text"]`);
const passwordElements = document.querySelectorAll(`input[type="password"]`);

usernameElements.forEach(username => username.value = "the user name");
passwordElements.forEach(password => password.value = "the password");

它根据类型（text/password）选择输入字段并将值添加到它们。现在我不完全确定您发布的这个是否是更大脚本的一部分，但这可能会达到您需要的效果。如果你想要不同的用户名和密码，你需要让 username 和 password 变量动态加载，否则这会添加你给它的值，例如 username.value = "testing username" 和password.value = "testing password"。干杯。

使用 queryselector by id 自动填充用户名和密码

Autofill username and password using queryselector by id

javascript

autocomplete

shortcut

ios

queryselectall