Javascript 如何在搜索栏中键入字母之前隐藏html表？

因此，我希望html表仅在用户在输入中键入1个或多个字母时显示。到目前为止，我所尝试的还没有成功。以下是html（我还没有包括我的完整表格）：

以下是css：

.table{
visibility: hidden;
display: block;
height: 150px;
 overflow-y: scroll;
overflow-x: hidden; 
}

---

我不知道该怎么做，谢谢你的帮助

试试这个。还将

getElementById

中的

id

更改为代码中实际存在的id，并为

表提供了
id


document.getElementById（“学校名称”）.addEventListener（'change'，function（）{
if（document.getElementById（“schoolName”）.value.length>1）{
document.getElementById（“表1”）.style.visibility=“可见”；
}否则{
document.getElementById（“表1”）.style.visibility=“隐藏”；
}
});

正式名称
本地名称
地址1
地址2
地址3
地址4
县
getElementById（“搜索”）
-您没有具有该ID的元素。
getElementById（“表格”）
-或该元素。
document.getElementById("search").addEventListener(search);
function search() {
if(document.getElementById("schoolName").value.length>1) {
    document.getElementById("table").style.visibility="visible";
 } else {
    document.getElementById("table").style.visibility="hidden";
 }
}

.table{
visibility: hidden;
display: block;
height: 150px;
 overflow-y: scroll;
overflow-x: hidden; 
}