[Javascript]填充没有ID的文本框和使用书签在页面重新加载时更改的名称

Question

所以我试图在chrome中创建一个书签，它会输入一个Javascript代码，填满我路由器主页上的文本框。目标是让我省去记住这个愚蠢的密码或者必须打开包含所述密码的文本文件的麻烦。

我知道，我知道，......我很懒。 （但不是为了在过程中学习一些Javascript）

问题是文本框没有ID，重新加载时其名称也发生了变化，所以我事先无法知道它的名字。

我在这里看了几页，指引我朝着正确的方向前进，但我不能让它适合我的生活，因为我几乎没有Javascript的经验。

这是文本框的html看起来像：

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

这是我最终得到的作为我的书签上的链接（我尝试过的唯一一件事没有给我一个错误）。

的javascript：document.getElementsByTagName（ “输入”）[0]。价值= '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">