如果我只有类，如何声明javascript搜索函数？

我想声明javascript以基于div类进行搜索，但是我可以指定代码。下面是我使用的javascript代码

function searchFunction()() {
  var input, filter, div, a;
  input = document.getElementById('myinput');
  filter = input.value.toUpperCase();
  div = document.getElementByClassName('panel panel-default')
  a = document.getElementsByTagName('accordion-toggle')

  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";
    }
  }
}

function searchFunction（）（）{
var输入，过滤器，div，a；
输入=document.getElementById（'myinput'）；
filter=input.value.toUpperCase（）；
div=document.getElementByClassName（'面板默认值'）
a=document.getElementsByTagName（'accordion-toggle'）
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}

标题

<div class="container">
  <div class="panel-group" id="accordion">
    <div class="faqHeader">
      <font color="#008080"><strong><code class="border-rounded">General Questions</strong>
        <p style="text-align:center">
          </code>
      </font>
    </div>

一般问题

我声明的搜索函数

    <input type="text" name="search" value="" autocomplete="off" id="myinput" onkeypress="searchFunction()" placeholder="Search...">

im在搜索框中输入时要搜索的内容

    <Form>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><strong>What do you like?</strong></a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
          <div class="panel-body">
            <p>I like potato</p>
          </div>
        </div>
      </div>
    </form>

我喜欢土豆

您可以使用

查询选择器

，方法如下：

document.querySelector(".some_class");

---

您是否看到有关

getElementByClassName

的错误，它应该是

getElementsByClassName

。。。请参阅，以了解这将返回什么以及如何设置

a=document.getElementsByTagName（'accordion-toggle'）

。。。然后，

for（i=0；i

..

li

没有定义，而且

a

的第一个值从未使用过-这些东西会出现在浏览器开发工具控制台

for（i=0；i

是否应该用

替换它（i=0；i

相反？？是的，我知道，我说的代码看起来是错误的，它仍然是错误的……未声明的变量

li

如何具有长度？