如何在纯javascript中更改输入焦点上的标签颜色？

我有两个输入框在一个绝对位置的div内。以及这些输入框上的标签。我想要的效果是，当我聚焦一个输入框时，标签应为蓝色，当模糊时，应移除类（蓝色）。同时还有另一个标签和输入框

//标签的初始颜色
标签{
颜色：黑色；
}
输入框{
边框宽度：0 2px 0；
大纲：无；
}

名字：


姓氏：

使用

：pseudo元素内的焦点的css解决方案。请注意，IE/Edge中不支持这一点

您需要包装每个
标签
和
输入
对，这样才能工作


//标签的初始颜色
标签{
颜色：黑色；
}
输入框{
边框宽度：0 2px 0；
大纲：无；
}
.field：焦点位于.labels内{
颜色：蓝色；
}

名字：


姓氏：
下面是一个使用纯Javascript的解决方案：


函数切换类（）{
this.previousElementSibling.classList.toggle（'imblue'）；
}
var inputs=document.getElementsByClassName（'box'）；
对于（变量i=0；i

label.labels{
颜色：黑色；
}
输入框{
边框宽度：0 2px 0；
大纲：无；
}
.吸取{
颜色：蓝色！重要；
}

名字：


姓氏：
不工作，兄弟！您想同时影响两个标签吗？您的代码没有正确使用
标签
元素。它或者需要包装它作为标签的元素，或者需要将
for
属性设置为它所用于的元素的
id
<代码>标签

是UI可访问性的关键元素，应该正确使用。这是一个很好的解决方案。请记住，这不是普遍支持的：是的！因为并非所有浏览器都支持它。很抱歉，我不能接受这个答案。但这是一个伟大的解决方案！就这样！谢谢！哇！难以置信的看起来我需要深入学习Javascript。