如何将HTML输入类型属性从“密码”更改为“文本”？

Question

我想更改HTML'input'元素'type'属性，从type =“password”更改为type =“text”。

我知道按ID查找元素会更容易，但并不是每个页面都有相同的密码输入ID。 如何定位密码输入并将其内部值更改为一种文本。

我有几行JavaScript代码：

a=document.getElementsByTagName("input"); 
a.setAttribute(type,text);

Answer 1

要将password类型的所有元素转换为text：

var arr = document.getElementsByTagName("input");
for (var i = 0; i < arr.length; i++) {
    if (arr[i].type == 'password') arr[i].setAttribute('type','text');
}

注意：并非所有浏览器都允许对输入的type属性进行动态更改。

Answer 2

您可以使用以下查询获取密码字段。

document.querySelector('input[type="password"]').type = "text";

如果您正在处理多个字段，则可以使用querySelectorAll并循环遍历它们。

var pwds = document.querySelectorAll('input[type="password"]');
for (var i=0;i<pwds.length;i++){
pwds[i].type = "text";
}

Answer 3

这会将类型密码的每个输入转换为文档类型文本的输入。

Array.prototype.slice.call(document.querySelectorAll('input[type="password"]'))
    .forEach(function (elt) {
        elt.setAttribute('type', 'text');
    });

Answer 4

该函数称为document.getElementsByTagName （带有s），它生成一个元素列表。 因此，您需要使用索引（第一个输入a[0]等）来解决它。

我认为问题是确定你需要改变哪些输入，如果他们没有标记ID。