Javascript CSS类中是否有类的替代品？

下面是我的HTML/CSS代码：

函数setVisibility（）{
var password=document.getElementById（'password'）；
var icon=document.getElementsByTagName（'img'）；
如果（password.type==='password'）{
password.type='text'；
}否则{
password.type='password'；
}
}

输入{
边框颜色：#888；
左边界：无；
边界权：无；
边界顶部：无；
}
输入：焦点{
边框底色：#0000ff；
大纲：无；
}
.密码{
浮动：左；
}
.表演{
颜色：#888；
字体系列：Arial，无衬线；
}

show

听起来您可能需要使用同级选择器。密码：focus~.show{}

---

如前所述，您应该使用同级，检查另一个中的链接并检查此项

应该是这样的：

函数setVisibility（）{
var password=document.getElementById（'password'）；
var icon=document.getElementsByTagName（'img'）；
如果（password.type==='password'）{
password.type='text'；
}否则{
password.type='password'；
}
}

输入{
边框颜色：#888；
左边界：无；
边界权：无；
边界顶部：无；
}
输入：焦点{
边框底色：#0000ff；
大纲：无；
}
.密码{
浮动：左；
}
.密码：focus~.show{
颜色：红色；
}
.表演{
颜色：#888；
字体系列：Arial，无衬线；
}

show

您可以使用选择器中的

+

运算符来指示一个元素紧跟另一个元素的时间

在您的示例中，密码输入后面跟着一个

br

，然后是您要选择的元素-我们可以在输入密码时选择该元素，如下所示：

.password:focus + br + .show {
    color: #0000ff;
}

参考：

工作片段：

函数setVisibility（）{
var password=document.getElementById（'password'）；
var icon=document.getElementsByTagName（'img'）；
如果（password.type==='password'）{
password.type='text'；
}否则{
password.type='password'；
}
}

输入{
边框颜色：#888；
左边界：无；
边界权：无；
边界顶部：无；
显示：块；
}
输入：焦点{
边框底色：#0000ff；
大纲：无；
}
.密码{
浮动：左；
}
.表演{
颜色：#888；
字体系列：Arial，无衬线；
}
.密码：focus+br+.show{
颜色：#0000ff；
}

show
show

@code Blooded这项工作是为您完成的，还是您需要帮助解决问题？如果任何一个答案都是有用的，你可以考虑接受一个，这样问题就被标记为已解决。此外，你还可以获得一些代表点：）投票选出好的答案也很好：）它告诉其他用户，答案可能对他们也有帮助。