Cannot set property 'display' of

我的目的是想做一个显示隐藏，当li数量为0时隐藏div

<div class="search">

        <ul>

        </ul>

    </div>

    <script>

        var aLi=document.querySelectorAll('li');

        var dsearch=document.getElementsByClassName('search');

        if(aLi.length==0){

            dsearch.style.display = "none";  //报错Cannot set property 'display' of undefined

        }

    </script>

最后发现dsearch 是一个数组的形式，因为可能会有很多个相同classname的元素，所以解决方案是加上索引，或者改成id而非class

dsearch[0].style.display = "none";