js如何改变type类型

function changeInputType(inputElement, newType) {
    if (inputElement.type === newType) return; // 如果类型相同，则无需更改

    // 创建一个新元素
    var newInputElement = document.createElement('input');
    newInputElement.type = newType;
    newInputElement.name = inputElement.name;
    newInputElement.id = inputElement.id;
    newInputElement.value = inputElement.value;
    newInputElement.className = inputElement.className;

    // 复制所有事件监听器
    Array.from(inputElement.attributes).forEach(attr => {
        newInputElement.setAttribute(attr.name, attr.value);
    });

    // 替换旧元素
    inputElement.parentNode.replaceChild(newInputElement, inputElement);
}

// 使用示例
var myInput = document.getElementById('myInput');
changeInputType(myInput, 'password'); // 将输入类型更改为密码

<div id="inputContainer">
    <!-- 根据条件显示不同的输入类型 -->
</div>

function showInputType(inputType) {
    var container = document.getElementById('inputContainer');
    container.innerHTML = ''; // 清空容器

    var newInput = document.createElement('input');
    newInput.type = inputType;
    container.appendChild(newInput);
}

// 使用示例
showInputType('text'); // 显示文本输入