我正在尝试实现密码的文本框有一个眼睛图标( css类- fa- eye )。当用户单击眼睛图标时,它会变成眼睛斜杠图标,并输入文本类型。
<div class="input-group show-hide-password">
<form:password id="form-control" path="password" class="form-control" required="" />
<div class="input-group-append">
<span id="PassSpan" class="input-group-text" onclick="typeChange('form-
control','PassSpan')">
<i class="fa fa-eye" aria-hidden="true"></i>
</span>
</div>
</div>
Js文件
function typeChange(controlId, spanId) {
var x = document.getElementById(controlId);
if (x.type === "password")
{ x.type = "text";
}
else {
x.type = "password";
}
}
此函数仅更改输入类型,但我无法将类更改为fa -eye slash。在css文件中有fa-eye和fa-eye slash类。但我不确定如何更改的类,因为它在span元素中。
谁能帮帮我。
https://stackoverflow.com/questions/52691724
复制相似问题