[Javascript] Заполните текстовое поле без идентификатора и имени, которое изменяется при перезагрузке страницы с помощью закладки

Question

Поэтому я пытаюсь сделать закладку в chrome, которая бы вводила код Javascript, который бы заполнил текстовое поле на домашней странице моего маршрутизатора. Цель - избавить меня от необходимости вспоминать этот глупый пароль или открывать мой текстовый файл, содержащий указанный пароль.

Я знаю, я знаю, ... я ленивый. (но не для изучения некоторых Javascript в процессе)

Дело в том, что у текстового поля нет идентификатора, и его имя изменяется при перезагрузке, поэтому я не могу знать его имя заранее.

Я просмотрел несколько страниц здесь, которые как бы направляют меня в правильном направлении, но я не могу заставить его работать на мою жизнь, так как у меня практически нет опыта работы с Javascript.

Вот как выглядит HTML в текстовом поле:

<input type="PASSWORD" style="WIDTH: 150px" name="password_random10digitnumber" value="" size="20" maxlength="64">

Вот что я закончил ссылкой в ​​моей закладке (единственное, что я попробовал, это не дает мне ошибки).

JavaScript: document.getElementsByTagName ( "вход") [0] .value = 'myrouterpwd'

В настоящее время, когда я нажимаю на мою закладку, она обновляет страницу и показывает пустую страницу с надписью «myrouterpwd».

(На странице есть два других html-блока ввода:

<input type="HIDDEN" name="md5_pass" value="">
<input type="HIDDEN" name="auth_key" value="numbersIamnotsureIshouldshowtheworld">

)

Спасибо всем, кто нашел время, чтобы ответить!

Answer 1

Я мало работал с закладками, и я предполагаю, что, поскольку это закладка, вы уходите со страницы, с которой действительно хотите работать.Так что я не уверен, что запуск такого способа является жизнеспособным решением.Конечно, вы можете просто воспользоваться возможностью браузера хранить пароли для вас.;)

Но, по сути, ваш вопрос ... Предполагая, что это единственное поле пароля на странице, использование element.querySelector() найдет его:

// Get a reference to the right element based on its type attribute value
let passwordBox = document.querySelector("input[type='password']");

passwordBox.value = "MySecretPassword";  // Populate the field
console.log(passwordBox.value);          // Confirmation

[type='password'] { background:yellow; } /* Just so you know which box is the password box */

<input type="hidden" name="doesntMatter">
<input name="someTextBox">
<input type="password" name="doesntMatter2">
<input name="someOtherTextbox">