How to change the HTML input type attribute from 'password' to' text'?

Question

I would like to change the HTML 'input' element 'type' attribute, from type="password" to type="text".

I am aware that it would be easier to find element by ID but not every page has the same id for the password input. How do I target the password inputs and change their inner value to a type of text.

I have this few lines of JavaScript code:

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

Answer 1

To convert all elements of type password to text:

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

Note: Not all browsers allow dynamic changes to the type attribute on inputs.

Answer 2

You can get password field using the following query.

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

If you're dealing with more than one field, you can use querySelectorAll And loop through them.

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

Answer 3

This transforms every input of type password into input of type text for a document.

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

Answer 4

The function is called document.getElementsByTagName (with an s) and it yields a list of elements. So you will need to address it with an index ( a[0] for the first input, etc.)

I think the problem is determining which of the inputs you will need to change though, if they're not marked with IDs.