原生JS写增删改查多种数据搜索框

搜索学号、姓名、手机号

–首先，我们来思考一下怎么进行多种数据在一个搜索框里进行搜索，搜索框输入的数据该怎么判断？

搜索演示在最后

• 学号、姓名、手机号这三个的特点是什么，学号和手机号数据肯定是number类型的，姓名肯定是string，所以进行第一次判断不是number就是string类型第一判断首先判断数据类型再进行学号、姓名、手机号其中一个判断
  —废话不多说上代码

1. 获取输入框的value值进行-1用一个变量来接受结果
2. 再用if(isNaN(num2)判断是否是NaN
3. 为什么要判断是否是NaN因为string类型数据进行-1是无法减的结果只能是NaN
4. 这时isNaN肯定会判断为true所以进入姓名搜索里面
5. 如果获取搜索框的value值可以进行减-1isNaN判断肯定会进入else里面

            var ipt = document.getElementById("input1");
            var num = Number(ipt.value);
            var num2 = num - 1;
                       if (isNaN(num2)) {
   
                var ul = document.getElementsByClassName("Ul1");
                var arr = []
                for (let k = 0; k < ul.length; k++) {
   
                    ul[k].style.display = "none"
                }
                for (let i = 0; i < ul.length; i++) {
   
                    arr[i] = ul[i].childNodes[2].innerHTML
                }
                for (let i = 0; i < arr.length; i++) {
   
                    for (let j = 0; j < arr.length; j++) {
   
                        if (ipt.value == arr[i]) {
   
                            ul[i].style.display = "block"
                            break;
                        }
                    }
                }
                console.log(123);
            } else {
   
                var xh = /^[0-9]{9}$/;