javascript - 搜索整个 div

Question

我有这个脚本：

    function search_animal() {
        let input = document.getElementById('searchbar').value
        input = input.toLowerCase();
        let x = document.getElementsByClassName('separateline');

        for (i = 0; i < x.length; i++) {
            if (!x[i].innerHTML.toLowerCase().includes(input)) {
                x[i].style.display = "none";
            }
            else {
                x[i].style.display = "";
            }
        }
    }

然后我有这个类的多个 div

                <div class="separateline">
                    <a class="tabcontentlink" href="shablon.html">Dog</a>
                    <p class="line"></p>
                </div>

但是，当我使用搜索栏时，它会搜索整个 div，而当我需要它仅搜索可见文本“Dog”时。例如，如果我在搜索栏中输入“tabcontentlink”，它会找到所有 div，因为它们都是这样命名的，最大的问题是如果我输入“tabcontentlink”这个词的一部分，它仍然会找到它。

标签： javascripthtml