javascript - 第二个输入标签 - 我如何添加？

Question

如何将 Javascript 代码插入到第二个输入中？

<input type="checkbox" onchange="document.getElementById('pass').type = this.checked ? 'text' : 'password'"> Show password

原始代码:

document.getElementById('pass').type

好吧，工作但是..

document.getElementById('pass' 'pass2').type

第二个“pass2”如何添加？

抱歉英语不好

Answer 1

这是不可能的，只需调用 getElementById 两次，最好使用实际的事件处理函数。

function togglePasswordVisibility() {
    if(this.checked) {
        document.getElementById('pass').type  = 'text';
        document.getElementById('pass2').type = 'text';
    } else {
        document.getElementById('pass').type  = 'password';
        document.getElementById('pass2').type = 'password';
    }
}

另请注意，您的代码无法在 Internet Explorer 8 及更早版本上运行(我认为这是正确的版本号)，因为它会在将元素添加到文档后修复 type。