Javascript 单击不同的区域并隐藏div

我试图建立一个表格，上面有一些支持输入。问题是——一旦焦点转移到另一个领域，我如何隐藏支撑物

代码片段将帮助您理解我的困难

提前谢谢大家,， 若昂

var inputs=Array.prototype.slice.call（document.queryselectoral（“.inpt”）；
var list=[“您的姓名”、“电子邮件地址”、“电话号码”]；
var HOUPDER=document.getElementsByClassName（“HOUPDER”）；
var lol=document.getElementById（“row-normal-3”）；
对于（i=0；i

.show{
显示器：flex；
}
.隐藏{
显示：无；
}

---

在显示特定的焦点元素装潢之前隐藏所有装潢。因此只需在单击功能中添加

forloop

var inputs=Array.prototype.slice.call（document.queryselectoral（“.inpt”）；
var list=[“您的姓名”、“电子邮件地址”、“电话号码”]；
var HOUPDER=document.getElementsByClassName（“HOUPDER”）；
var lol=document.getElementById（“row-normal-3”）；
对于（i=0；i

.show{
显示器：flex；
}
.隐藏{
显示：无；
}

---

在显示特定的焦点元素装潢之前隐藏所有装潢。因此只需在单击功能中添加

forloop

var inputs=Array.prototype.slice.call（document.queryselectoral（“.inpt”）；
var list=[“您的姓名”、“电子邮件地址”、“电话号码”]；
var HOUPDER=document.getElementsByClassName（“HOUPDER”）；
var lol=document.getElementById（“row-normal-3”）；
对于（i=0；i

.show{
显示器：flex；
}
.隐藏{
显示：无；
}

---

在显示相对于所选输入的电流之前，可以隐藏所有软垫。您可以创建一个类似“HidealUpholders”的函数。

---

当焦点被赋予外部元件时（仅在需要时），如果您需要隐藏所有软垫，则单独的功能非常有用。

您可以在显示相对于所选输入的电流之前隐藏所有软垫。您可以创建一个类似“HidealUpholders”的函数。

---

当焦点被赋予外部元素时（仅在需要时），如果您需要隐藏所有软垫，则可以使用单独的函数。

在将类更改应用于特定元素之前，可以先隐藏所有软垫

var inputs=Array.prototype.slice.call（document.queryselectoral（“.inpt”）；
var list=[“您的姓名”、“电子邮件地址”、“电话号码”]；
var HOUPDER=document.getElementsByClassName（“HOUPDER”）；
var lol=document.getElementById（“row-normal-3”）；
对于（i=0；i

.show{
显示器：flex；
}
.隐藏{
显示：无；
}

---

在将类更改应用于特定类之前，可以先隐藏所有类

var inputs=Array.prototype.slice.call（document.queryselectoral（“.inpt”）；
var list=[“您的姓名”、“电子邮件地址”、“电话号码”]；
var HOUPDER=document.getElementsByClassName（“HOUPDER”）；
var lol=document.getElementById（“row-normal-3”）；
对于（i=0；i

.show{
显示器：flex；
}
.隐藏{
显示：无；
}

var upholder = document.getElementsByClassName("upholder");

var upholder = [].slice.call(document.getElementsByClassName("upholder"));

upholder[index].classList.remove("hide");
upholder[index].classList.add("show");
upholder[index].innerHTML = list[index];

upholder.map(function (el, i) {index === i ? 
        (el.classList.add("show"), el.innerHTML=list[index]) : 
        (el.classList.remove("show"), el.innerHTML="")});