如何將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。