如何取消密码文本框的掩码？

<input type="text" name="password" placeholder="请输入密码">

<input type="password" id="password" placeholder="请输入密码">
<button onclick="showPassword()">显示密码</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function showPassword() {
  var password = $('#password').val();
  $('#password').replaceWith('<input type="text" id="password" value="' + password + '">');
}
</script>

<input type="password" id="password" placeholder="请输入密码">
<button onclick="showPassword()">显示密码</button>

<script>
function showPassword() {
  var password = document.getElementById('password');
  password.type = 'text';
}
</script>