javascript实现“密码显示与隐藏”

你可以通过以下代码实现密码显示与隐藏的效果：

HTML代码：

<label for="password">密码：</label>
<input type="password" id="password" />
<button id="toggle">显示</button>

JS代码：

const passwordInput = document.getElementById("password");
const toggleButton = document.getElementById("toggle");

toggleButton.addEventListener("click", function() {
  if (passwordInput.type === "password") {
    passwordInput.type = "text";
    toggleButton.textContent = "隐藏";
  } else {
    passwordInput.type = "password";
    toggleButton.textContent = "显示";
  }
});

这段代码中，我们首先获取到了密码输入框和切换按钮的DOM元素，然后给切换按钮添加了一个“点击”事件监听器。在事件处理函数中，我们判断当前密码输入框的type属性是否为“password”，如果是，就将其改为“text”，同时将切换按钮的文本内容改为“隐藏”；否则，将密码输入框的type属性改为“password”，同时将切换按钮的文本内容改为“显示”。